Why doesn't my Webflow site scroll on mobile after publishing, even though I don't have overflow hidden and the page scrolls on preview?

If your Webflow site won’t scroll on mobile after publishing, even though it scrolls in preview and no elements have overflow: hidden, this usually indicates a hidden layout or interaction issue that affects published behavior.

1. Check Fixed or Absolute Elements Covering the Screen

• Look for elements with position: fixed or absolute that stretch across the full page height.
• Some of these elements may block scroll input on mobile devices if not correctly layered or sized.
• Temporarily hide layers (like nav menus, overlays, modals) to test if scroll returns.

2. Audit Page Interactions and Page Load Animations

• If you have any page load animations, make sure they eventually finish or unhide elements properly.
• A stuck or looping animation could unintentionally freeze the scroll.
• Use the Interactions panel to review any page load or page scroll triggers.

3. Inspect Overflow Settings on Nested Elements

• Even if the body and main wrapper have scrollable overflow, a parent container might still have overflow: hidden | scroll that prevents page scrolling.
• Check high-level containers like section, wrapper, or main elements across all breakpoints.
• Ensure that no height: 100vh containers are preventing further scroll unless intended.

4. Test on a Clean Breakpoint

• Sometimes styles don't cascade properly. Make sure mobile landscape and portrait breakpoints don’t have unique overflow or height settings that block scrolling.
• Look at custom code or styles injected at smaller breakpoints.

5. Check for Open Mobile Menus

• If a mobile menu (e.g., dropdown or hamburger) is set to stay open or doesn’t close properly, it may lock scrolling in place.
• Ensure the menu closes after navigation or at least allows interaction with the body.

6. Verify No Custom Code is Blocking Scroll

• Custom code (in Page Settings > Custom Code) might include CSS or JS that disables scroll on mobile.
• Look for any body { overflow: hidden; } or window.onscroll = function(){ return false; }.

7. Republish and Test on Actual Devices

• Sometimes Webflow’s preview can behave differently than an actual device.
• Use a real mobile device or browser’s mobile simulation (responsive mode) to test scroll behavior.
• After debugging, always republish the site before retesting.

Summary

The scroll issue is likely caused by fixed/absolute elements, improper overflow on parent containers, or interactions/menus preventing scroll. Systematically check these areas across breakpoints and remove unintended restrictions. Republish and test on an actual device after each change.