Nav bar text underline on hover

Hi I have a question that is real quick:

On my following page:

The buttons on the nav have an underline as the user scrolls over them. I want to make that under line go away so that way the only thing that signifies the user hovering over a new option is the color change of link.

Thanks for the help!

Hey John,

The part you’ve described is a fixed design of our theme so your request is essentially under theme customization which is outside the scope of theme support.

If you need a header or footer design that could not be achieved using the theme options, it’s highly recommended to upgrade to our Pro theme.

I’d provide the override code for now but please consider upgrading to Pro if you have more header customizations.

Please add the following code 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;


This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.