[Resolved] 1st Menu item without color-change on hover

[Torsten]

Hi,
I don’t understand why the first Menu item (and Submenu items) donot have the same hover-color-effect as the others, in fact they don’t have any.
Mouse-over color should be #cd9933
Can you help?
Thx ahead,
Torsten

[Torsten]

Additial info:
the hover effect is not working on the active page, submenu items are anchor items. Means: if I’m on the startpage there is no hover effect on this menu and submenu anchor items there, if I’m on the 2nd menu (with sub menu items) the hover effect is not working there.

[David]

Hi there,

It will require some CSS to override the current menu item styles – try this:

.main-navigation .main-nav ul li[class*="current-menu-"]:hover > a {
    color: #cd9933;
    background-color: var(--base-3);
}

[Torsten]

Top!
once again…
Thx.

[David]

Glad to be of help!

[Author]

Posts