Fixed header with interaction issue

I’m trying to achieve a navbar that moves out of the way when the page is scrolled. I’ve followed the instructions on a tutorial to accomplish this. Fixed header. Top position set to “0”. Added an interaction for when the page is scrolled up, to “move” the header -175 and when the page is scrolled down, to move it back to “0”.

The header is not responding to the interaction. It does not even move when setting up the interaction.

Here is my public share link:

This was the tutorial: Navbar show & hide on scroll | Webflow University

You need “Page scrolled interactions”

Hi! Thanks. I was doing it with the interaction trigger, instead of the class and that seemed to break it… maybe because the trigger is a symbol(?). Anyway, all fixed now and working as desired! Thanks so much!!

1 Like