Home / Archive / Remove the Header Menu Underline on Hover
Duplicate Snippet

Embed Snippet on Your Site

Remove the Header Menu Underline on Hover

If you enable the Header menu underline it will display both on active items and on hover, if you wish to display the underline only on active menu items you can use this CSS to remove it on hover.

Code Preview
css
#site-navigation-wrap .menu-item:hover:not(.current-menu-item) .link-inner::after {
	opacity: 0 !important;
}

Comments

Add a Comment