• Resolved petermjames

    (@petermjames)


    Hi

    I love this plugin but I have a problem on mobile (an iPhone 6 at least).

    The top right X to close the window is being hidden by the menu bar and ‘hamburger’ icon.

    The X can be revealed in portrait mode but not on landscape. Also after flipping from portrait to landscape and back the popup is in a scrolled position where the X can never be seen.

    What should I do to stop this behaviour and keep the Close X visible all the time? Is there a way to make the popup appear a bit lower down the screen?

    Many thanks…Peter

    https://wordpress.org/plugins/wordpress-popup/

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    Hey there Peter,

    Hope you’re well today!

    I’ve been testing this on my end using my android device and the popup definitely switches position slightly to the top when switched to landscape but I couldn’t recreate the issue with X not being displayed so I’m assuming this is related to the theme that you’re using.

    I’ve been playing around with CSS and I believe we could move it slightly to bottom on mobile resolutions, would you mind posting link to your site where I can see this popup?

    Best regards,
    Bojan

    Thread Starter petermjames

    (@petermjames)

    Hi Bojan

    The site is http://sarah-may.biz

    Many thanks…Peter

    Plugin Author Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    Hey Peter,

    I can definitely see the issue on your site with my android, I believe the reason for this is the size of the popup, we should be able to push it slightly the the bottom on mobile resolutions so the close button can be displayed.

    Please try adding the following in your popup custom CSS box(http://screencast.com/t/QkSfaxRGIrOS):

    @media only screen and (max-width : 667px) {
    .wdpu-container {
      margin-top: 40px;
    }
    }

    Please let me know if this helps 🙂 Also if the code doesn’t work can you please keep it added and let me know so I can take a look?

    Cheers,
    Bojan

    Thread Starter petermjames

    (@petermjames)

    Hi Bojan

    I’ve put exactly that into the Popup Custom CSS box but it is not working on mobile (phone or tablet) but is still fine on desktop.

    What is happening on the mobile is that there is just a greyish translucent ‘film’ over the most of the home page that shows on the mobile. This prevents scrolling but if you tap it, it goes so I assume that it is the popup.

    I’ve left it like this for now.

    Many thanks…Peter

    Plugin Author Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    Hey again Peter,

    Can you please try adding the following as well:

    @media only screen and (max-width : 1024px) {
    .resize.wdpu-msg.move.no-move-x {
      top: 50px !important;
    }
    }

    This should display popup 50px from the top on mobile/tablet resolutions.

    Hope this helps 🙂

    Cheers,
    Bojan

    Thread Starter petermjames

    (@petermjames)

    Hi Bojan

    It is now working perfectly on iPad and iPhone in both orientations.

    Thank you very, very much.

    Great plugin with great support.

    Kind regards…Peter

    Plugin Author Bojan Radonic – WPMU DEV Support

    (@wpmudev-support4)

    Hey Peter,

    Awesome! Glad I could help and happy to hear you’re liking our plugin 🙂

    Have a great day!

    Cheers,
    Bojan

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Popup Close Window X Not Visible on Mobile’ is closed to new replies.