Change color of line below active link in nav bar

[StacieB]

I can’t find the setting to change the color of the underline on the nav bar. I changed the color of the active text to green, but the underline is still orange - does not look good.

http://soulconstructionservices.com

[nico]

Hi @StacieB.

Thanks for writing in.

Add this in your custom CSS to change the color of the underline:

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{
    box-shadow: 0 2px 0 0 rgb(123,191,71);
} 

For more guide, you can check the link below.

How to change underline color on navbar

Hope it helps.

Let us know how it goes.

Thanks.

[StacieB]

@nico

.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a{
box-shadow: 0 2px 0 0 rgb(123,191,71);
}

I tried this but it didn’t change anything. I tried opening in an incognito window, and it still is the same orange color.

[StacieB]

Never mind, it just suddenly turned green after about 10 minutes…weird.

[thai]

Glad to hear it worked.

Maybe the cache issue.