Magnific Popup appears below page on mobile
I'm asking this question here because the Magnific Popup docs said this was the best place for questions. I'm having an odd issue, on smaller windows and mobile the popup appears below the page and you have to scroll down to it. I haven't had this issue before and I was hoping someone else had. You can check the demo site at http://seemywebsite.org/customreserves/
You have to use media queries and override the required classes, for the mobile versions.
Figured it out for anyone else who may have this problem. I'd applied padding to the popup, and that was breaking the layout, so adding box-sizing:border-box worked. Phew.
Align caption text to right of image with magific-popup like in 'Ajax-popup' example?
Magnific popup - how to open it on mouseover?
Magnific-popup - How to prevent “image source” from being displayed when 'data-source' not defined
how to add bullets in Lightbox gallery of magnific pop up?
Magnific popup specific size
Magnific popup scroll issue
Does it only work on wordpress?
Magnific Popup scroll issues with iframe and iOS
How to apply magnific pop to image preview after revoke the object url
How to override magnific popup inline markup
Magnific pop-up only links to you tube
Magnific Popup close button placed in invalid html?
Magnific Popup - Google Maps Embed API must be used in an iframe
Magnific Popup Plugin Not Showing when Previewed in Browser
Magnific Popup Wordpress
Magnific vs PhotoSwipe