Changing Menu Underline Colour

[AndyStentiford]

I’m just working through setting up the menu for our updated site, and have set all custom colours.

However, I cannot change the colour of the menu underline on mouseover / select. It is currently defaulting to purple based on a template theme (Ethos 2)

I’ve searched the forum and found a post about amending box shadow colour (recording 517), but I cannot see that code in my inspector. Is there custom CSS I could add?

Thanks

Andy

[Prasant]

Hello Andy,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS to change menu underline color:

.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 #322e35;
}

Thanks.