Streaming live at 10am (PST)

Overflow Hidden not preventing horizontal scroll


I have a Lottie Animation that is causing an unwanted horizontal scroll on mobile. I tried setting various parent divs to overflow:hidden and tried this custom code: <style> .main-wrapper { overflow-x: hidden !important; } </style> but I’m not having any luck.

The Lottie was sent to me with quite a bit of padding that’s not needed. Is there an easy way to remove that? From my limited experience, I cannot edit a Lottie File without the original After Effects file.

Seem to only be happening on the iphone. Chrome browser resized to mobile sizes behavior is ok.


Here is my site Read-Only: Webflow - Villiers