Docs

[jbbaille2]

Hi Support!

There are already some solutions about this issue on the forum but no one works on my page… I would like to remove the underline that appears:
1) When a page is selected
2) or when hoover on the menu item.

I tried this:

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

It didn’t work…

Thank you for your help!

Cheers, JB

[jbbaille2]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! It seems you have duplicate code that might overriding this. Let’s update your code with this :

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

Hope this helps.

Cheers!

[jbbaille2]

Great, the !important worked! thank you very much

[Joao]

You are welcome 🙂

[Author]

Posts