Pop up responsive failure


Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
  • #15888


    I inserted a pop up like a form using the “place in the page”feature. I checked the responsive mode and it fits perfect the widget area, but in smartphones and tablets its assimetric and missfunction.


    Hi @marcos.oakim

    Thank you for contacting us about your Popup question.

    Please provide the page link on your site with the issue. Thus I can see what’s wrong and help you.



    Hello, my website is http://www.easysite.space
    the problem is with responsiveness in tablets and smartphones.



    Hello? Please help me


    Hi @marcos.oakim

    The popup inside the content – is made in the way to adapt to the content.
    Thus if the content moves left on mobile devices, the popup will also do it.


    Hi @marcos.oakim

    Also there are a lot of errors on the page link you have provided – http://prntscr.com/h6vti8 you will see them if you press F12 on your keyboard and choose Console Tab. These errors are related to other our plugin – Membership. Our developer looked through the issue and find out that you use Yellow Pencil Plugin.
    Yellow Pencil Plugin generates the following css
    .vc_custom_1508871765360 .wpb_wrapper .ppsPopupListsShell {
    padding-right: 0px !important;
    height: 0px;
    width: 0px !important;
    right: -200px;
    bottom: -200px;
    left: -200px;
    top: -188px;
    z-index: 999999999;
    margin-bottom: -50px;
    margin-top: -50px;
    margin-right: -50px;
    margin-left: -50px;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
    padding-left: 0px !important;

    .vc_custom_1508871765360 .wpb_wrapper .ppsPopupListsInner {
    bottom: 8px;
    margin-right: 12px;
    margin-left: 12px;
    padding-right: 143px !important;
    padding-left: 134px !important;
    padding-bottom: 21px !important;
    position: relative;
    left: 45px;
    top: 48px;
    padding-top: 24px !important;

    that overrides styles on your site. Thus Popup on mobile devices flows left.
    If you deactivate Yellow Pencil Plugin – you will see that the Popup shows well on mobile devices.

    Besides, don’t forget to clean cache in your cache plugin and cache & cookies in your browser to see the changes you’ve made on the site.



    Hello, i disabled the plugin yellow pencil and all membership plugins. Still have the same problem and now the pop up does not fit in the widget area in home page as well.That was the reason why i used the yellow pencil plugin in first place, to make it fits in the row area. Now it does not fit in any screen size.
    i also inserted the same pop up in other page and the problem remains the same.

    http://www.easysite.space . (problem in any screen size)

    http://easysite.space/index.php/local-de-aprendizagem/ . (problem in any screen size)


    Hi @marcos.oakim

    Please provide the screenshot of your popup settings from the Appearance on the Design Tab – http://prntscr.com/h876x9

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.
Thanks so much! Please Enter Your Info Below To Get PRO Discount and Gifts