[MbzoParticipant]

Hi, I changed the Integrity (light) navbar background to a dark color for greater contrast and main navbar links are white on hover. Submenu link color is defined in custom css panel.
But this created an unexpected problem with the visibility of a submenu parent item that has children.
This item changes to white (inherited from main navbar link) when the third level dropdown menu is open.
I want the parent item to stay visible or not change color.
Here are some screenshots to explain:

[MbzoParticipant]

This reply has been marked as private.

[ThaiModerator]

Hi There,

Please add the following CSS:

.x-navbar .desktop .sub-menu .x-active > a {
    color: #000;
}

Hope it helps 🙂

[MbzoParticipant]

Thanks but it didn’t work. When the 3rd level dropdown is visible the second level parent item remains blank.

[Prasant RaiModerator]

Hello There,

Please use following CSS and let us know how it goes:

.x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a {
    color: #999;
}

Thanks.

[MbzoParticipant]

Not yet.
Here is a screenshot:

[MbzoParticipant]

This reply has been marked as private.

[JoaoModerator]

HI There,

Please add the following code to Appereance Customizer Custom CSS

.x-navbar .desktop .sub-menu a:hover, .x-navbar .desktop .sub-menu .x-active > a {
color: grey !important;
}

Hope it helps

Joao

[MbzoParticipant]

Thanks, Joao. That did it.

[Nabeel AModerator]

Glad we could help!

[Author]

Posts