Remove underline in selected menu

Hi,

i have chose to use underline ande hover menu in header settings, but is possible to remove underline for the selected menu?

attached the picture

best regards,

Attachments:

You must be logged in to view attached files.

Hello,

The underline for the selected menu item can be hidden through the custom CSS code. Please paste the below one to the “Global Custom CSS” area in Theme Settings -> Custom CSS.

.wd-nav[class*="wd-style-underline"]>li.current-menu-item>a .nav-link-text:after {
    width: 0;
}

Let me know if you need any further help or any other info.

Kind Regards

thank you for qucik response, its work

Pls with this solution its remove underline but in hover its not show nothing,

so to be more clear i need to remove underline in selected menu but i need to be showed in hover as other menu

Hello,

Thank you very much for the clarification. I have prepared another custom CSS so it should work as you want, please replace the old code with this one.

.wd-nav[class*="wd-style-underline"]>li.current-menu-item>a:not(:hover) .nav-link-text:after {
    width: 0;
}

We are always happy to help you, write to us when you have any difficulties or issues with our theme.

Kind Regards

Its what I needed
Thank you so much

Hello,

If there’s anything you need, please write me or another member of our help desk team.

We’re here for you!

Kind Regards

[Author]

Posts