Menu hover line

[asdfrew]

I want to turn off the hover line above menu items. Thanks. (HappySoulHungryMind.com)

[nabeel]

Hi Ravi,

Thank you for reaching out to us. To remove the hover line above menu items, 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;
}

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[asdfrew]

Hi Nabeel, I have that code in my global css file, but the hover is still there (happysoulhungrymind.com)

[nabeel]

Hey Ravi,

I checked your setup and I see there’s a syntax error in your Global CSS section which is preventing the provided code to work:

Please find and remove the */ from your code. There are more syntax errors in your code, I’d recommend you to validate you CSS here https://jigsaw.w3.org/css-validator/#validate_by_input or http://csslint.net/ and remove the errors to make your CSS work.

Let us know how this goes!.

[asdfrew]

Thank you so much Nabeel for telling me about this validation service. It is extremely helpful.

[ruenel]

You’re welcome!
We’re glad @Nabeel were able to help you out.