JQuery Popup Overlay works on browser resize, doesn't work on mobile devices

I’m having a really frustrating problem w/ getting this popup overlay plugin to work on my site. If I resize the browser, the overlay stays at 100% of the viewport and the responsive layout of the divs adjust correctly. However, when I open the popup on an ipad or iphone, the overlay expands beyond the viewport and you can barely scroll. Here’s the example:


And here’s the source of the plugin:


I’d be incredibly grateful for anyone’s ideas on what might be the culprit.

Thank you!


Additional Note:

I just tried on Safari ios and it seems that while the overlay still exceeds the viewport width after initially opening it, changing the orientation once makes the overlay fit. Only in Safari though, doesn’t work in Firefox or Chrome.

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.