Changing logo, menu items and navbar color on scroll and hover

Hello!

https://webflow.com/made-in-webflow/website/Real-Estate-Website

How did this designer change the navbar background, logo, and the links, on scroll in Webflow?
I’m trying to do the same thing where my page starts with a white logo and white menu items, but then on scroll the logo turns to color and the menu items go dark blue and the navbar bg color is white. It’s for a mega menu.

Thanks!


Hi Lenaa! Create a navbar element in Webflow and style it with background, logo, and link styles. Enable the “Navbar show & hide on scroll” feature to make the navbar disappear when the user scrolls down and reappear when the user scrolls up. Test the navbar to ensure it behaves as expected and that the styles change correctly on the scroll. or you can refer this-Navbar show & hide on scroll | Webflow University