adding background colour to active menu item

Hello,
I have managed to change he background colour of the active menu if the 1st level item is active
ie if I am on the home page, the home link background is lime green

What I want to do is to have this if a sub item is selected
for example if I had any page open which is under the about menu item, such as about adare
I want the 1st level item also to be with a lime green background

Can you give me code for this?
I am not sure it needs Jquery or css

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to do this. And replace your custom code

.menu-item.current-menu-item > a,
.menu-item.item-level-0 > a:hover,
.menu-item.current-menu-parent.item-level-0 > a {
   background-color:#8cb65b;
}

Regards

[Author]

Posts