Mobile Overflow Scrolling Help

Design help General
1

Hello everyone,

I am experiencing an issue on the mobile view of a site we are building. On my iphone 11 pro, both in safari and chrome, the page looks zoomed out with a ton of white space to the right side of it. I checked essentially everything on the page to make sure nothing is overflowing. It’s also not letting me scroll with my finger on the screen.

Can anyone point me in the right direction of resolving this please? Thank you!

This is the home page in question for mobile viewing:
http://all-access-equipment.webflow.io/

Here is my site Read-Only:
https://preview.webflow.com/preview/all-access-equipment?utm_medium=preview_link&utm_source=dashboard&utm_content=all-access-equipment&preview=087d9cde1cbb8a343a6e645b48a9e455&workflow=preview

2

hi @allaccessequipment issue with not not be able scroll on mobile devices is common issue when you set overflow hidden to body. Adding style to body should be used only when is really necessary but in 95% cases body element should be untouched.

Work around can be done by creating global page wrapper you can call eg. main that is nested right inside body and all content can be inside but you can leave for example navigation and/or footer outside of this main if you need.

3

hi @allaccessequipment if your issue doesn’t persist feel free to close your request as solved