Hero Image Scaling on Scroll

Hello,

I have recently started using Webflow. I am customizing a template and would like to remove the scaling of the hero image when scrolling.

I am just not precisely sure where to change this as it’s not a interaction/animation, transition, or custom CSS as far as I can tell. and it only appears on the published so I am a little lost on how I would change this.

Any help or guidance would be appreciated!


Here is my public share link: Link

Hi, Kyle! Welcome to the forum.

That image is contained inside this slider:
image
…which is triggered by an animation in your navbar symbol: image

So, double-click to enter editing mode on that symbol, then head over to the interactions tab and you’ll see there is a “While Scrolling In View” animation tied to that slider, which is the scaling you’re seeing.

image

You can either just delete this interaction entirely or modify it to your liking.

Hope this helps!

Thank you so much that worked!

1 Like