I've had some issues on both Safari and Chrome on mobile devices.
The background div doesn't extend to 100% of the viewport.
I changed the CSS for the mfp-bg class.
I set the width and height to 10000vw/vh.
This makes sure the popup always fills the screen on mobile browsers, and I had some issues on iPhone 5S with Safari too.
I also set margin:0
Setting the width/height to 100vw/vh or to the view width/height still doesn't work on all mobile browsers.
After around 2 days of work testing across 5 devices this is what worked for me.
I've had some issues on both Safari and Chrome on mobile devices.
The background div doesn't extend to 100% of the viewport.
I changed the CSS for the mfp-bg class. I set the width and height to 10000vw/vh. This makes sure the popup always fills the screen on mobile browsers, and I had some issues on iPhone 5S with Safari too.
I also set margin:0
Setting the width/height to 100vw/vh or to the view width/height still doesn't work on all mobile browsers. After around 2 days of work testing across 5 devices this is what worked for me.
Hope it helps.
`
`