Can't scroll on 'live' site

Design help General
1

I don’t know why but my live site won’t scroll down, I’ve checked all divs and all have overflow: visible but it still won’t work .-.

Here is my site Read-Only

2

Hi there,

When dealing with unexpected scroll behavior, there are several common causes you can check:

The overflow settings on your body and specific elements should be reviewed first. Make sure the body tag’s overflow is set to ‘auto’ or ‘visible’. Check any containers or sections that might be affecting the scroll, particularly those with fixed heights or overflow settings.

Also verify that there are no position: fixed elements inadvertently blocking the scroll area. Common culprits include navigation bars, modal windows, or floating elements that may have incorrect z-index or positioning values.

If you’re using any scroll-related JavaScript or animations, try temporarily disabling them to isolate if they’re causing the issue. This includes any custom code or Webflow interactions affecting scroll behavior.

Lastly, check your page’s viewport settings in the page settings panel to ensure they’re configured correctly for your needs.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

What’s the live site?

4

Hey @avansear,

You have enabled custom CSS via the script under Before tag section as follows:

    document.documentElement.style.overflowX = 'hidden';
    document.documentElement.style.overflowY = 'hidden';
    document.body.style.overflowX = 'hidden';
    document.body.style.overflowY = 'hidden';

This is preventing the user from being able to scroll on the live site. When I disable this styling, I am able to browse the whole site. Hope this helps.