Archived topic
active menu item underline
3 replies · Started by Torsten on May 16, 2022
Viewing posts 1–4 of 4
Hi,
can you help me with the css to underline active menu items?
and hover items on desktopp as well?
I tried, but didn't work, the following:
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
text-decoration: underline;
}Thx ahead,
Torsten
Hi there,
your CSS is correct.
you can include hover like so:
@media(min-width: 769px) {
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li[class*="current-menu-"] > a {
text-decoration: underline;
}
}After adding the CSS clear any caches to make sure the CSS gets loaded.
Thx!
You're welcome
This archived topic is closed to new replies.
