Animation Overflowing? Should be an easy fix!

I’ve rebuilt my logo horizontal scroll animation numerous times, on other sites it’ll stick within the container and not overflow, however on my own site it overflows every single time no matter what i do!

Please someone help me or give me any advice would be greatly appreciated, I’ve followed tutorials exactly and yet still not working


Here is my public share link: Webflow - Landing Page

Hi there,

Horizontal scrolling overflow commonly occurs with animations, particularly when elements or their interactions extend beyond the viewport. Here’s how to resolve this:

The quickest solution is to add “Overflow: Hidden” to the parent container of your animated logo. If this causes your animation to be clipped, try moving the overflow property up one level by applying it to the parent element’s container instead.

You can check for overflow issues by:

  • Opening your project in preview mode
  • Looking for horizontal scroll bars
  • Inspecting elements that extend beyond the viewport during animations

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

I’ve checked all of this already thank you.