Title: PPOM with ELEMENTOR &#8211; Responsive problem
Last modified: November 25, 2020

---

# PPOM with ELEMENTOR – Responsive problem

 *  Resolved [whirlywhirly](https://wordpress.org/support/users/whirlywhirly/)
 * (@whirlywhirly)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/ppom-with-elementor-responsive-problem/)
 * Hello,
 * This is to report a Bug with Elementor.
 * I created a Unique Product Page Model.
    I added 2 SECTIONS, one hidden for Mobile
   and the second one hidden for Desktop and Tablets. Inside each SECTION I added
   the ADD-TO-CART button with PPOM Fields.
 * Problem : Total Prices do not display in Mobile.
 * Explanation : PPOM Fields are identified by ID. So my DOM contains 2 buttons (
   one hidden, one displayed) identified with the same ID ! This creates problems
   with querySelectors !
 * FYI I added custom Javascript code to do something else. In order to select my
   elements I added unique IDs for each section in Elementor. So I have for example:
   document.querySelector(“#section_desktop #ppom_textfield1”) and document.querySelector(“#
   section_mobile #ppom_textfield1”). This allows me to run my Custom Script.
 * I hope this is clear. Can you solve that problem ?

Viewing 4 replies - 1 through 4 (of 4 total)

 *  Thread Starter [whirlywhirly](https://wordpress.org/support/users/whirlywhirly/)
 * (@whirlywhirly)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/ppom-with-elementor-responsive-problem/#post-13708130)
 * Edit : This also creates problems with DATE PICKER and FILE INPUT !
 *  [N-Media](https://wordpress.org/support/users/nmedia/)
 * (@nmedia)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/ppom-with-elementor-responsive-problem/#post-13717133)
 * Hi,
 * Sorry, but we don’t recommend making changes in PPOM. And please use it Product
   page without any builder.
 *  Thread Starter [whirlywhirly](https://wordpress.org/support/users/whirlywhirly/)
 * (@whirlywhirly)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/ppom-with-elementor-responsive-problem/#post-13725892)
 * Hello,
 * I am surprised by your answer beacause most of wordpress users use a builder.
   Elementor is one of the most popular and I think you should solve these compatibility
   problem.
 * I bought PPOM PRO and I am not satisfied.
 * Best regards,
 *  [N-Media](https://wordpress.org/support/users/nmedia/)
 * (@nmedia)
 * [5 years, 6 months ago](https://wordpress.org/support/topic/ppom-with-elementor-responsive-problem/#post-13730510)
 * Hi [@whirlywhirly](https://wordpress.org/support/users/whirlywhirly/),
 * Well, I am not saying that if Elementor is using the PPOM won’t work. We have
   many clients using PPOM with Elementor. But when you make changes in PPOM and
   secondly build blocks it may break the WooCommerce some hooks which cause the
   issue to render PPOM fields.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘PPOM with ELEMENTOR – Responsive problem’ is closed to new replies.

 * ![](https://ps.w.org/woocommerce-product-addon/assets/icon-256x256.gif?rev=3186763)
 * [PPOM - Product Addons & Custom Fields for WooCommerce](https://wordpress.org/plugins/woocommerce-product-addon/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/woocommerce-product-addon/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/woocommerce-product-addon/)
 * [Active Topics](https://wordpress.org/support/plugin/woocommerce-product-addon/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/woocommerce-product-addon/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/woocommerce-product-addon/reviews/)

## Tags

 * [desktop](https://wordpress.org/support/topic-tag/desktop/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)
 * [reponsive](https://wordpress.org/support/topic-tag/reponsive/)

 * 4 replies
 * 2 participants
 * Last reply from: [N-Media](https://wordpress.org/support/users/nmedia/)
 * Last activity: [5 years, 6 months ago](https://wordpress.org/support/topic/ppom-with-elementor-responsive-problem/#post-13730510)
 * Status: resolved