[StiebenParticipant]

Hello,

I have a primary menu which works as it should, however every time I hover with my mouse above it, I see a red line on the top. Also when I click on one of the menu options, the red lines stays there (probably to make sure on which page you are). But I would like to remove that red line entirely, so that it doesn’t show up when hovering over the menu or when clicked on a menu option.

Thank you!

[RahulModerator]

Hi There,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[StiebenParticipant]

This reply has been marked as private.

[JadeModerator]

Hi there,

Please add this code in the customizer:

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

Hope this helps.

[StiebenParticipant]

Hello,

Hmm the code doesn’t seem to work for me. The red bar is still showing up at all occasions.

[StiebenParticipant]

Maybe it would be possible for the text of the menu to change? So when I click on ‘Contact’ for example, the whole word ‘contact’ will change color?

[JoaoModerator]

Hi There,

The code provided by Jade should work.

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks

[StiebenParticipant]

Hello,

Sorry for the late reply. But I managed to get it to work! 🙂

Thanks for your help! I must have done something wrong previously.

[JadeModerator]

Glad to hear you got it sorted.

Cheers!

[Author]

Posts