Splash page scrolls right on some mobile views, most iphone

Design help General
1

Hello,

We’re a not-for-profit trying to build a splash page for a web app launching. We’re trying to get this landing page launched Monday morning.

The issue we’re having is on mobile devices (mainly iPhone users) it scrolls right. So far I don’t see any elements coming out of the page. you can test here: https://ysm.webflow.io

[1]: http:// https://preview.webflow.com/preview/ysm?utm_medium=preview_link&utm_source=dashboard&utm_content=ysm&preview=43ef27eb33bcbadcc68d98fb875a046a&mode=preview

2

section 6 » div block 43

check that block’s positioning. It is absolute and is far to the right pushing everything to the side.

3

Hi!
Becouse you some block have position: absolute.
If you have good responsive site create position: relative

image
image1920×1080 386 KB

4

Actually, there are even more than those two me and @lsalex122 noticed. Check all your elements and redo the layout to avoid absolutely positioned divs that push everything out of canvas.

5

Hi!

Thank you both @dramand @lsalex122 for your response. For iPhone X I have this set to not display. I can try using relative and at worse, start all over and watch out for this issue.

6

Updating I found the elements and everything should be better now.

7

Don’t forget to edit in the desktop version, cose i see text block with 'absolute ’ on desktop. :thinking: