Navigation Bar Mysteriously from Black to Blue

I’m a bit confused as to why the navigation bar button changes from black to blue when I click it from a different page - it should stay black the whole time. Here’s a short video that explains what I mean:

Read only:

https://preview.webflow.com/preview/bhl-teamzahra?preview=59f5cb82851f2d9e73df992972e3049e

Live site:

http://bhl-teamzahra.webflow.io/

I’m not sure if I’m just not using Webflow correctly; thanks in advance for any help.

1 Like

It’s blue because it’s in the CURRENT state. An automatic state that activates when you’re on the page for which the link is defined, or the section for which the anchor link is defined. Current states exist for links of a navbar and tabs links of a tab element. Pay attention when you style those elements, so you can properly style the current states.

http://vincent.polenordstudio.fr/snap/0ufu3.jpg

Also, this:

http://vincent.polenordstudio.fr/snap/yzs1p.jpg

Is never gonna work. You need to write the complete url of the page followed by the anchor.

3 Likes

Okay, great - thanks, @vincent

Does that mean it’s possible to then change it to black? I selected a button on the Nav Bar, but I haven’t been able to get the green ‘Current’ tag to appear. These are the only states I have to choose from:

image

How did you get the green ‘Current’ tag to appear?

1 Like

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.