Mobile scroll not working

Design help General
1

Hi, when I publish my site it will not scroll on mobile, I don’t have overflow hidden on any layer. The page scrolls only on preview but still doesn’t scroll on mobile when I put the body on the scrollbar but I understand that this is not normal to have to do this. Can someone offer me any advice?

Here is my site Read-Only: https://preview.webflow.com/preview/pages-ff2a6f-1b69f4714e27b32ce710a02f90?utm_medium=preview_link&utm_source=designer&utm_content=pages-ff2a6f-1b69f4714e27b32ce710a02f90&preview=c6d9287ff3f46f961ec82c3932f6d1de&mode=preview
([how to share your site Read-Only link][2])

1 Like
2

Clear all the changes you made to the body position and set its overflow:visible

2 Likes
3

Hi,
Thanks for your advice, i’ve done this and it doesn’t work. When I set the overflow to Auto the page scrolls on webflows preview, but when I publish the site it won’t scroll
To try on your phone the link is: https://www.kayleykemple.work/
The preview link is: https://preview.webflow.com/preview/pages-ff2a6f-1b69f4714e27b32ce710a02f90?utm_medium=preview_link&utm_source=designer&utm_content=pages-ff2a6f-1b69f4714e27b32ce710a02f90&preview=c6d9287ff3f46f961ec82c3932f6d1de&mode=preview

4

Try removing all position styles from your body.

5

Hi Thank you,
How do you do this, it says the bodies position cant be edited?

6

alt+click on the position title (which is blue)

1 Like
7

It worked! Thank you so much !!

1 Like
9

Hey! I know it’s been a while since this thread but having the same issue with my landscape mobile mode (i fixed the portrait mode by setting overflow to visible earlier) but can you elaborate on what you mean here? My mobile landscape won’t scroll at all.

10

Oh I just realised it starts to scroll but ONLY if a touch the navigation bar and gesture my scroll from the very top of the page section…But even then the sections have been squashed. Any ideas why?

11

Can you share the live link to your website and the read-only link ? Thanks

1 Like
12

Thanks, man it was very helpfull…
\

1 Like
13

@media all…
.name of the head div {
overflow: scroll;
-webkit-overflow-scrolling: touch;
height:100%;
}

14

Hi everyone, I know this is an old thread but I am having the same issue. I hope it’s not too late for someone to help.I have checked all of my Overflow settings and none of them are set to hidden. I am trying to get the contents of the mobile menu (tablet and lower) to scroll, especially since there is an accordion that expands.

Can someone take a look at the read-only and let me know if you see something that might be missing? I’ve been trying to figure this out for hours now and I’ve tried pretty much everything I can think of. Any help would be super appreciated. Thank you.

https://preview.webflow.com/preview/voyages-japan?utm_medium=preview_link&utm_source=designer&utm_content=voyages-japan&preview=ac4d515454e389221a610cb9661153f4&locale=en&workflow=preview