Left Side Nav Menu Hover Color?

[chmm9002]

You can see in the photo above the “RED” Highlight block on the left. How can I change this color?

[Prasant]

Hello @chmm9002,

Thanks for asking.

Please try add following CSS under X > Theme Options > CSS:

.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: inset 0 4px 0 0 #ff2a13;
}

Thanks.

[chmm9002]

hmmm…looks like it is doing what we want…but it looks like this

Not like the original>? it highlights underneath not to the left like it did?

[jade]

Hi there,

Please try this instead:

.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: inset 8px 0 0 0 #ba3643;
}

And kindly replace #ba3643 to the color that you want.

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.