How to target navbar links in css?

[Jell92]

Hello,

So my main problem is that I want to customize the links in the navbar. Firstoff i want to remove the underlining box-shadow when a link is hovered over or selected.
So what is the css classes to target the navbar links? Also for a:hover and a:selected?

Hope that makes sense:)
If it doesnt then just paste the code to remove the box shadow from the links.

[Prasant]

Hello @Jell92,

Thanks for asking.

You can add following CSS under X > Launch > Options > CSS to remove hover effect from navigation menu items:

.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;}

Thanks.