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

no closing “X” with inline content
How to prevent close
Magnific-Popup Loading iframe from non-video players URL
Magnific popup - put arrows inside of an image
magnific closeOnContentClick does not work
How can style popup iframe in Magnific Pop-Up?
Gallery with mixed content types
Title for iframe/video in magnific popup
Magnific Popup: Close floats to the right
Calling magnific-popup on button element instead of an anchor
Implement query.magnific-popup.js in dreamweaver cs5. Syntax error in original code
Magnific-popup event binding to popup content
Magnific Popup - Error when opening a you tube video
Magnific-Popup, Limit items to direct siblings
Multiple Galleries with Magnific Popup
Pass data-attribute value of clicked element to ajax settings

Categories

HOME
wso2
tizen
relay
adb
cmd
spring-jdbc
jsrender
frameworks
fingerprint
node-notifier
user-input
modx-revolution
nstableview
dtrace
hapi
carthage
jsprit
vaadin7
telephony
saxon
windows-7-x64
pythonanywhere
contextmenu
swingx
reverse-proxy
xlsxwriter
clickonce
tar
dcevm
autosys
poltergeist
filezilla
fopen
linkerd
applozic
opentype
srcset
madlib
microsoft-chart-controls
bluestacks
semantic-versioning
google-sites-2016
subset-sum
amazon-kinesis-kpl
wpf-controls
retina-display
multilingual
streamreader
spring-security-kerberos
turbogears
modelmapper
cubic-spline
parentheses
promela
worker-thread
windows-iot-core-10
vtigercrm
specrun
nxt
transmitfile
essence
rvest
suffix-tree
bluegiga
livequery
pagerank
pyke
javax.sound.midi
ios8-today-widget
maven-tomcat-plugin
tarjans-algorithm
emailrelay
splash
sortedlist
c++03
dia
codeigniter-url
issuu
castle
jubula
system.net.webexception
htmlcleaner
hippomocks
braille
hyprlinkr
pyhdf
floating-point-precision
ivyde
dexterity
inbox
listings
tws
type-equivalence
chuck
gdata-api
word-processor
mod-auth
psi
recent-documents
sql-server-profiler
mongomapper
icanhaz.js
privilege

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