Pop up responsive failure

Home Forums PopUp Plugin Pop up responsive failure

Tagged: 

This topic contains 7 replies, has 2 voices, and was last updated by mila_support mila_support 3 months, 2 weeks ago.

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

    marcos.oakim
    Participant

    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.

    #15890
    mila_support
    mila_support
    Keymaster

    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.

    #15895

    marcos.oakim
    Participant

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

    #15935

    marcos.oakim
    Participant

    Hello? Please help me

    #15936
    mila_support
    mila_support
    Keymaster

    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.

    #15941
    mila_support
    mila_support
    Keymaster

    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.

    #15950

    marcos.oakim
    Participant

    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)

    #15954
    mila_support
    mila_support
    Keymaster

    Hi @marcos.oakim

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

Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.

Get plugins bundle today and save over 80%