Remove active menu link underline - Renew Stack

Support
#1

Hi there, sorry to bring up a topic that I can see has been covered a fair bit but I can’t seem to find the correct CSS specifically for my site config.

Check out: http://dev.marketnewmedia.co.uk/clients/antisocialjazzclub/

You will see that all of the menu items in the nav are underlined, I would like to remove all of the underline even when hovered. Here is my current CSS:

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

Based on inspecting the nav bar in browser and de-selecting the box-shadow this removed the underline but when I add this in my custom CSS it doesn’t work.

Any help would be much appreciated.

Thanks,

Ben

#2

Hello,

If you check your custom CSS code, you’ll see that there`s a “;” before the !important, so, try to add the following custom code:

box-shadow: none !important;
}```
#3

Ahhh yes! so there was. Thanks John!

Much appreciated!

#4

You’re welcome.