Landscape to portrait view is causing empty space on the page

I came across this empty space issue on my site and noticed it is caused by fullpage.js. I believe this issue is only happening on Safari and I’ve tested it on an iPhone 6s.

Reproduce:

  • When viewing a fullpage.js site, rotate your device to landscape view
  • Then rotate back to portrait view and notice white space on bottom of the screen

I also noticed, if you tap near the address bar the section seems to scroll back into place.

Is there anyway to prevent this from happening?

enter image description here

enter image description here

enter image description here

Leave a Comment