magnific-popup


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.

Related Links

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

Categories

HOME
gitlab
hive
server
fluentd
google-api-php-client
plone
comparison
razor
amortized-analysis
sharepoint-designer
youtube-api-v3
rdf
webpack-2
windows-server
serverspec
synchronization
communication
here-api
spring-xd
apache-cayenne
orchardcms
event-handling
finite-automata
sms-gateway
jprofiler
autoconf
jquery-ajaxq
facet
brunch
maquette
xacml
elasticsearch-net
windows-server-2000
yadcf
subset-sum
android-ble
dandelion
winscp-net
forever
nsarray
webdriverjs
elements
qpid
multiple-regression
lua-5.1
packagist
bgp
yaws
asp.net5
unity-networking
rtbkit
collapse
jqgrid-formatter
dukescript
riak-cs
skos
bigbluebutton
system.reflection
tt-news
android-imagebutton
php-5.4
openexr
fluentautomation
jquery-layout
valueconverter
doskey
prettify
jmapviewer
spring-io
pygit2
ocunit
angularjs-controller
typoscript2
jquery-knob
dsn
labwindows
external-accessory
genshi
iphone-web-app
html-input
subviews
gallio
vc90
audio-capture
aquaticprime

Resources

Mobile Apps Dev
Database Users
javascript
java
csharp
php
android
MS Developer
developer works
python
ios
c
html
jquery
RDBMS discuss
Cloud Virtualization
Database Dev&Adm
javascript
java
csharp
php
python
android
jquery
ruby
ios
html
Mobile App
Mobile App
Mobile App