hello webflow pros :)
For some reason, the scroll length on the mobile doesn’t reach the footer.
My computer is Mac and even when I check it with DevTools’ mobile device resolution on Chrome, the scrolling length is shorter than the content.
The client’s mobile device has the same problem
It actually works fine with my mobile’s Chrome, Google, and Safari browsers.
When I checked with dimensions: responsive on Mac’s Chrome DevTools, it seems that something is decreasing in direct proportion.
I don’t know what the problem is.
I don’t understand that some devices are normal and others are abnormal.
Please advise from experts. Thank you in advance.
Here is my site Read-Only:
https://preview.webflow.com/preview/zerostone?utm_medium=preview_link&utm_source=designer&utm_content=zerostone&preview=7df041b33321cd7bf3288c41f0dc1501&pageId=67ad56c1ecbbebd01e2c4737&locale=en&workflow=preview
1 Like
Hi there!
When dealing with scrolling issues in Webflow, here are some common causes and solutions:
Elements extending beyond viewport boundaries often result from:
- Absolute or fixed positioning without proper constraints
- Oversized images or videos
- Negative margins or transforms
- Flex or grid layouts with improper sizing
To troubleshoot, use Webflow’s inspection tools to check:
- Element dimensions and positioning
- Overflow properties on containers
- Responsive breakpoint behavior
- Margin and padding values
Test both in the Designer and the published site across different devices, as overflow issues can manifest differently on mobile versus desktop. Pay special attention to horizontal scrolling on mobile devices, which is often caused by elements with fixed widths or content extending beyond the viewport.
Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.