Hi everyone,
I sort of customized my current nav bar, such that it’s invisible and sits ontop of a video. Now, while I scroll down, I’d like for the navbar to become visible (in a box probably) so that I can see it while I’m scrolling down. How do I do this? Please see my share link below.
Here is my site Read-Only: my website! (how to share your site Read-Only link)
Ah! This is what we call a sticky header.
You’ll want to use interactions and transitions to make the header change from opaque to coloured as a user scrolls.
Here’s a great video on how to make a sticky navbar!
And here is a video on interactions!
hmm im not sure this is quite what i want. I’d like the header to sit ontop of a video in my home page, and I’ve done this already, though not sure how to make it visible once i start scrolling down. I’ll experiment with the interactions and see what i can do, but so far no luck!
Hello @Fatimah_N,
I think this is what you are looking for Show & Hide Navbar on Scroll - Webflow interactions and animations tutorial - YouTube. I hope it helps.