Remove accent over active header menu item

Support
#1

Hi,

Would you be able to help me remove the accent that is over the header menu on hover or active page please, none of the usual CSS codes on the forum seem to be working for me at the moment? Thanks a million

#2

Hi @billy.rooney,

Thanks for writing in.

Please add this code to your global custom CSS. This should do it :slight_smile:

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

Cheers!

#3

Hi,

Thanks for getting back to me but that code didn’t work unfotunately. I’m using a Child theme, would that make a difference?

#4

Hi there,

The code didn’t work on your setup because there was a missing } in a block of code which is causing a CSS error.

I have gone ahead and fix it and the code should be working now.

Thank you.

#5

Ah you’re so good, thank you sincerely, you guys are always so helpful with your support.