Docs

[joanosgoodby]

How to I make disable the “active link” hover color in the nav bar?

THANKS 🙂

http://wp2.monmouthrubber.com/

[Christopher]

Hi there,

Please add the following CSS under Customize -> Custom -> CSS :

.x-navbar .desktop .x-nav > .current-menu-item > a {
background-color: transparent;
color: white;
}

Hope it helps.

[joanosgoodby]

Thank you very much. I tried the custom css code, but unfortunately, it did not do the trick.

What I’d like to accomplish is to have no effect on the ACTIVE link. If you go here:
http://wp2.monmouthrubber.com/

you will notice the avtive link in the main menue (the home page) has a white background because that is the active page. I’d like the white background on hover only, and want the active link to look like all the others.

I also have this code below in CSS, so not sure if it may be conflicting with the code you suggested above.

.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: inset 0 4px 0 0 #ffffff;
background: #ffffff;
}

[Nico]

Hi There,

Would you mind sharing us your url and admin credentials so we could check on a closer look.

Thank you so much. Don’t forget to set it as private reply.

Cheers!

[joanosgoodby]

This reply has been marked as private.

[Nico]

Hi There,

We updated your customizer with this:

.x-navbar .desktop .x-nav > .current-menu-item > a{
background:none;
box-shadow: none;
}

Let us know if you need anything else.

Cheers!

[joanosgoodby]

I notice the active link stays red – can it remain white and only turn red on mouse hover, but stay white on active?

[joanosgoodby]

Nevermind – figured it out 🙂 THANKS!

[joanosgoodby]

added

color: #ffffff;

to your code above and that did the trick

[Friech]

Glad you sorted things out, Cheers!

[Author]

Posts