Long line under nav menu (color change)

[ABWosp]

Tried searching for the answer to this: cannot find where to change the long gray line under the nav menu. I can change the color upon hover as found on this thread: https://theme.co/apex/forum/t/changing-menu-underline-colour/29997/2?u=abwosp

But not how to change the line that runs full width…thanks!

Warmly,
M.

[nabeel]

Hi there,

Thanks for writing in! Please add the following code in the Theme Options > CSS:

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

Let us know how this goes!

[ABWosp]

Didn’t work, I’m afraid. Just to clarify, I am discussing this gray line:

Not the hover bar…thanks!

[jade]

Hi there,

This seems to be specific to your website’s design. We could provide you some CSS suggestions but kindly provide us with your site’s URL and the admin access to the site in a secure note (key icon below your response) in case you have a coming soon page active.

Thank you.

[jade]

Hi there,

Please try this code:

.x-navbar {
    border-bottom-color: rgb(158,3,3);
}

Please feel free to change the value of the border bottom in the code.

---

You can find more info on how to check for CSS selectors here.
Then information about writing your custom CSS here.

Hope this helps.

[ABWosp]

It worked perfectly, Jade! Thank you!

Warmly,
M.

[Prasant]

You are most welcome.