I’m new here and I’m new to Webflow.
I have problem with a fixed navbar design. With a section dark background, I need the navbar to be 0% opacity with white navlink font color and white border color on hover. Like this:
When I scroll down the page, I need the navbar to increase opacity to 100%, white background, black navlink font color and black navlink border on hover.
What I was able to do:
I can set up interactions, I’m almost done but one thing: I cannot change the scrolled border color to black on hover. With an interaction to change border color, the border will permanently change to black even on top of the page and will not work as intended.
Here is another website that serves as a model:
So the problem is the scrolled border color to black on hover.
This is how it looks now: