Page Load Intro Issue with Sidebar

Hi everyone.
I am new to Webflow and I am having trouble with an animation.

Basically I wanted to create an intro animation for when someone enters the website. Everything is fine and works as expected, but when the animation ends, the sidebar from the browser pops back in and it’s like it shifts the hero section background slider.

If someone could help that would be great. You can also see yourself using the link below.

Thanks in advance.

Read-only Link: Webflow - Masseto

Hi there,

When elements animate on your page, they can sometimes cause unwanted shifting or scrollbars to appear. This happens because animated elements temporarily need space outside their normal boundaries during the animation sequence.

To fix this, you’ll need to contain the overflow. First, select the immediate parent element of your animated content and set its Overflow to “Hidden” in the Style panel. If you find that this cuts off parts of your animation, try setting Overflow: Hidden on the next parent container up (such as the Section or Div block that contains everything).

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

Hey Niccolo,

I seems like the intro section overlaps the scrollbar so it’s a bit wider than the body of the site. Try setting the width of the intro section 100% instead.