It’s probably an easy code but I can’t come up with it.
The top, main and footer menu links are colored when you are on the page that you clicked in the menu. Now I got one navigation menu in a widget but there the links colors aren’t colored when I’m on the page I clicked.
Any way to do this?
Cheers
Hi,
If I understand correctly you set a navigation menu in the widget sidebar and you want to change the colors for this one, if is so please try this custom css
https://www.screencast.com/t/v98omqYWt
.widget_nav_menu #menu-td-demo-header-menu-1 a {
color: red
}
.widget_nav_menu #menu-td-demo-header-menu-1 a:hover {
color: blue
}
If this is not working, provide me a link were I can inspect this menu, in this way I will be able to provide you an working css.
Thank you!
No I mean, with the other menu’s, when you are on the page of that menu the menu item show’s it’s active color. Putting navigation in the widget the links only change color when hovering the links but on an active page the color stays neutral,
Hi,
In order to make the menu active, please try this custom css
.widget_nav_menu .current-menu-item a {
color: red!important;
}
Fell free to change the color.
Thank you!
