Scroll on Iphone is not working

Hello, I have been trying to figure out the issue to this problem for a while now. The scrolling works on every page but the home page. It seems that it is locked.

Here is the website link, try it on your phone please: https://tim-redux.webflow.io/

Im begging for help


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

You have on body element set overflow: hidden. I have unchecked this in devtools and scroll works on small screens. Hope that look in this direction will help.

1 Like

I did what you said and am still having some issues :frowning:

please share read-only link to be able to see your code

Here you go, thank you so much.

https://preview.webflow.com/preview/tim-redux?utm_medium=preview_link&utm_source=designer&utm_content=tim-redux&preview=4686aedddf054604c8fd98d4cf01d3a6&mode=preview

did you disable overview on mobile screen ? It work for me here

https://www.loom.com/share/6667abb541664062baa09a3d6414fc22

Stan, thank you for this but what I meant was when I look at the website on an iPhone I am unable to scroll but it does work on desktop.

This video is about mobile as you can see I’m in mobile preview. But thats ok if you thing that its not you are looking for.

Happy coding

I tried it on my iPhone, it doesn’t work for me. A few things:

  • I see some of your main sections (homePageContent) still have Overflow set to disabled. Good thing to start with is by running through your large sections and containers and ensure they’re not set to Disabled.

  • Your homePageContent has Max H (maximum height) set to 6%. Reduce the amount of height restrictions until you find which restriction is causing the issue.

Side tip: Simplify your code. You have a lot of negative positioning and unneccessary specs. It makes solving problems like these harder to do.

@joejola I can agree that code is set unusual way but I did’n mentioned as explaining what should be done will be a long article and it will be my personal opinion. Probably @Blake_Lower had a reason to do this way.

Hey i made those changes but am still having issues :frowning:

It’s hard to pin-point what the problem is, but I believe your code is the problem.

I would create a new page and try rebuilding it. Avoid copying and pasting elements from the original page. While building the new elements, stay away from changing the positioning and spacing. Keep the code simple. If you’re still having issues, let me know and I’ll take a look at it again.