Sub menu item change to active colour

Question

Hi, it is easy to change main menu items to active colour by adding ".current" class.

But it doesn't work on sub menu items.

I just want the sub menu items to change to active colour too, what class should I add?

SemiColonWeb · Accepted Answer

Hello,

You can simply consider using this CSS Code:
[ch_pre type="css"]@media (min-width: 992px) {
.sub-menu-container .menu-item.current > .menu-link {
background-color: #1ABC9C;
color: #FFF;
}
}[/ch_pre]

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.