Nav Menu Status "Current" has text blue - how to get rid of it?

Hello!

I’m sure there is a simple solution to my simple problem…

On the website I created, the “HOME” nav link is the color blue. I can’t seem to figure out how to make it white, like the rest and yellow when hovered over. I think its something to do with “current” state? But if anyone can tell me how to fix this, I’d appreciate it.

I have two menu bars - one that appears when scrolling further down the page. Both seem to have this blue text on “home”.

https://preview.webflow.com/preview/newglowflooring?preview=3df4539e8a7411d6c52bffa5cc313b61

https://www.newglowflooring.com/

Thanks in advance!

Riz


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

1 Like

If you don’t want a special color for the item representing the current page, select this item when it’s in the current state (observe the current class in the selector box), and set the text color as the same as normal items. Here, click on black first, then white. It helps webflow understands that you’re really changing the color.

3 Likes

@vincent worked like a charm! THANK YOU!!!

Does not work for me AT ALL. I am devastated. I am trying for 2.5 hrs now, it is almost 1 a.m. Meanwhile I created 3 different menus to make that go away. Always, always, always blue menu fonts. Plus: webflow does not recognize my section names and the links within the page do not work properly either.
https://preview.webflow.com/preview/augenoptik-mitte?utm_medium=preview_link&utm_source=designer&utm_content=augenoptik-mitte&preview=9699dcb2b99375e30d337298161ca35b&workflow=preview

Bildschirmfoto 2023-10-08 um 00.41.51

You can make your links inherit their parent color, so that the blue default link color will be overriden by the one defined on the parent. Or just declare a color for them.