[LelyModerator]

Hi There,

Please use the following custom CSS:

.x-navbar .desktop .x-nav>li>a:hover {
    box-shadow: 0 2px 0 0 red !important;
}

Hope this helps.

[karankumarParticipant]

This reply has been marked as private.

[LelyModerator]

Hello There,

Please update to this:

.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: 0 2px 0 0 red;
}

Always,
X

[karankumarParticipant]

This reply has been marked as private.

[JoaoModerator]

Hi There

This line will follow the settings of your website link colors which you can set up at Appereance / Customizer / Custom / CSS

If you will adjust your link colors to red, simply go there and change it and this line will also change automatically.

If that is not the case,

You can add the following code at your Appereance / Customizer / Custom / 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 {
color: red !important;
}

Hope that helps,

Joao

[Author]

Posts