Underline active menu item
-
Hi the team,
As I did not find the solution in the forum, I am asking you the question.
My main menu is underlined and colored differently on hover, that’s what I want. But on active, it return on the former color and it’s not underlined.
What i would like is to have the same permanent underline and color on active item in order to let the visitor now wher he is on the site.
Thanks.
Fred
Hi,
Please add this code to the Theme Settings > Custom CSS > Global:
.wd-nav[class*="wd-style-"]>li.current-menu-item>a {
color: green;
text-decoration: underline !important;
}
Best Regards.
Hi,
Sorry but that is not what I would like to have.
May be my explanation was not clear enough.
I would like to have the menu item underline when active. Please find my JPG enclosed.
Best regards.
Fred
Attachments:
You must be
logged in to view attached files.
Hi,
Please change the code as per your need.
.wd-nav[class*="wd-style-"]>li.current-menu-item>a {
color: gray;
text-decoration: underline;
text-decoration-color: blue !important;
}
Best Regards.