Streaming live at 10am (PST)

Overflow Hidden not preventing horizontal scroll

Hello,

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.

Thanks!


Here is my site Read-Only: Webflow - Villiers