Remove Line above Menu Item - X Pro

Hi,

I have been using this theme for years and for whatever reason, the CSS code I use usually to remove the line from when you hover over the menu item isnt working. Wondering if I am doing something wrong.

Here is what I am using - any suggestions?

.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!!

-Charlie

Hello Charlie,

Thanks for writing in!

You can remove the box shadow on hover from header builder under Primary Particle Style and change the values as per your requirement.

Thanks.

Thank you so much!
I was so use to the non-pro version that didnt realize that the new header tool gave you this power.
Awesome.
Problem solved!

We’re delighted to assist you with this.

Cheers!