How to remove underline of header menu links when hover?

[Heike_Eco]

Hi there,

I’m not sure how to remove the underline of the header menu links that come on when you hover over them.

Could you please let me know how I could remove these?

Thanks,
Heike

[Alaa]

Hi Heike,

You can only control its color from the (Theme Options > Header), if you want to remove it all together, then you can add this CSS snippet in (Theme Options > 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;
}

Thanks.

[Heike_Eco]

@Alaa

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

That worked perfectly! Thanks

[nico]

Hi @Heike_Eco,

Happy to hear that.

Feel free to ask us again.

Thanks.