Lines on menu items when hovering

Support
#1

Hi.

I’m interested in removing the lines appearing in the menu when hovering a menu item (image attached). I tried making the site links transparent, which works, but then the social icons are being transparent as well, which is not an option. Is there a way to get rid of those menu lines?

Thanks

#2

Hi There,

Thanks for writing in!

Can you please try adding this CSS to your X-> theme option ->l CSS? and let us know if that helps!

.x-navbar .desktop .x-nav > li > a:hover, 
.x-navbar .desktop .x-nav > .x-active > a, 
.x-navbar .desktop .x-nav > .current-menu-item > a {
box-shadow: none !important;
}

Thanks

#3

Works great! thanks!

#4

You’re welcome. Glad we could help.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.