I was wondering if there was a way to disable Fullpage.js when the phone is in landscape mode? I tried messing with both responsiveWidth/responsiveHeight but couldn’t figure out how to do this. When I have the phone in landscape mode, everything collides together and look awful.
Thanks in advance!
Yeap! There’s a way!
You can play with the
responsiveHeight option combined with the class
This way you make sure to disable the snap scrolling behaviour of fullpage.js when reaching certain height. And by using the class
fp-auto-height-responsive you make sure your sections get the height automatically from its content, so they won’t be forced to be 100%. (They can be bigger or smaller).
You can find an example of this technique here:
And remember, all you need to know about these features is detailed in the the fullpage.js documentation
Thank you so much! You’re always a big help.