I can't scroll on mobile devices. Body is set to ovewrflow: visible

Hi! I’m making a website and I have one page that doesn’t scroll properly on Safari and does not scroll at all on Chrome. I’m talking about mobile devices. If someone can help me I’ll leave the Read Only link bellow:

https://preview.webflow.com/preview/msc-42948a?utm_medium=preview_link&utm_source=designer&utm_content=msc-42948a&preview=18b55da2873f5bc9f37f1900d62b0860&pageId=625d56352cd42d16a57d5ef0&workflow=preview

Hi!

I’m using the Brave browser (Chromium based) and i got a little scrolling but it seemed quite glitchy. I took a look in your media and it appears that alot of your images are very, very big. I suspect that the page size may be causing the slow load.

Run your published site through here: https://tools.pingdom.com/ to see how many MBs it is. Should be less than 5, but I suspect this is alot more.

Filter every image you upload to Webflow through here: https://tinypng.com/
(This is a must for every site you build)

I tried with one of your welding images and the size went from 3MB to 1MB. Impressive, but that’s still a massive file. Consider changing the resolution. 1920px max should do, or 3840 for high dpi. And that’s if you want it to span the whole width.

Give this a shot and see what happens. I think the scrolling issues are actually loading issues

Hi! I reduce the size of all files and the page has 3.8MB in total now, but the scroll problem was not solved. :frowning:

https://preview.webflow.com/preview/msc-42948a?utm_medium=preview_link&utm_source=designer&utm_content=msc-42948a&preview=18b55da2873f5bc9f37f1900d62b0860&pageId=625d56352cd42d16a57d5ef0&workflow=preview

Update: I solved the problem :slight_smile: The overflow property was set to hidden on mobile only and I didn’t notice

Glad you figured that out!! Hoping the image optimization helps too! :slight_smile: