Docs

[LucaV]

Hi,

I have just purchased X and testing things out and i can’t manage to change the color of the line that appears on hover under the menu items.

I have made a search in the forum and tried to add custom css that i found in a couple of topics about this but no change happened.

Could you please help me with it and paste me the code necessary to change the menu hover line color? (or indicate me another way if there is)

Thanks,
Luca

[Prasant Rai]

Hello Luca,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.x-navbar .desktop .x-nav > li > a:hover {
    box-shadow: inset 0 4px 0 0 #4f4847;
}

Thanks.

[senvas]

I added this code to change the color of the line, but now the line shows up above the menu as opposed to below it. Please advise. Thanks!

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

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

Thanks.

[Author]

Posts