Changing menu item color when submenu is selected

Boa noite

Thanks for reaching out and for your kind feedback.

Please, try going to Appearance > Customize > Theme Design > Navigation and adjusting the Current Page Background setting.

Thank you Andrew
But I’ve different colors for each menu item and its sub-levels. The solution would not work for me.
Probably I was not very clear about my problem, if I select a menu item without sub-levels (e.g. “Sobre”) I’ll navigate to the page and the menu will change its color. But if I select a menu item with sub-levels (e.g. “Pessoas/Docentes”) I’ll navigate to the page but the menu item (Pessoas) won’t change its color.
Any idea how to solve it?

• This reply was modified 3 years, 7 months ago by jrbarboza.

Thanks for the update. You can use:

.current-menu-ancestor a {
color: red;	
}

You can prefix the rule with the ID of the menu item you’re targeting:

#menu-item-6092 .current-menu-ancestor a {
color: red;	
}

Thank you again, Andrew

I managed to make it work using this:

.investigation-nav.current-menu-ancestor > a {
color:rgb(231, 82, 29);	
}

Hi. Thanks for the update. I’m glad to hear you’re making progress!