Streaming live at 10am (PST)

Disable Fullpage.js in mobile landscape view

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 fp-auto-height-responsive.

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:
https://alvarotrigo.com/fullPage/examples/autoHeightResponsive.html

And remember, all you need to know about these features is detailed in the the fullpage.js documentation :wink:

1 Like

Thank you so much! You’re always a big help.