Streaming live at 10am (PST)

Landscape Scroll Issue on iPhone X and up

Hey guys!

I noticed an issue with my webpage where the landscape orientation won’t allow scrolling on iPhone X and newer models, but on my iPhone 8 and lower landscape scroll works just fine.
I’ve made sure that the Body Overflow is visible on all pages which gave me problems previously on mobile scrolling.

Is anyone else having this issue?


Webflow has a breakpoint set at 768 pt, so:

On iPhone XR, the screen of 414 × 896 pt registers above that breakpoint, for the Tablet view.

On iPhone 8, the screen of 414 × 736 pt registers lower than this breakpoint, for Phone Landscape view.

You can use this page to test : https://sbx.webflow.io/devices-tests

You can get infos about the viewports and screens of Apple handsets here https://www.paintcodeapp.com/news/ultimate-guide-to-iphone-resolutions

1 Like