Docs

[mmee123]

Hi,

My website is http://www.thecoachingdiva.org – I have put in a Contact link to scroll down the contact section on the home page. However, it has a black line under it like when on the home page (disappears if you go to another page). Can this be removed please?

Thanks,
Matthew

[Prasant Rai]

Hello Matthew,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer to remove black underline:

.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
    box-shadow: none !important;
}

Thanks.

[mmee123]

Thank you, that did work in removing the black line completely.

But I do actually like it (the line) to signify the element that is selected. Is there any way just to make the “Contact” item in the Nav bar never have a black line? i.e. when on the home page only “Home” has a line under it?

Thanks,
Matthew

[Darshana]

Hi there,

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

.menu-item-78 > a > span {
    box-shadow: none !important;
}

.menu-item-419 > a > span {
    box-shadow: none !important;
}

.menu-item-420 > a > span {
    box-shadow: none !important;
}

Hope that helps.

[mmee123]

Great thanks!

[Friech]

We’re delighted to assist you with this.

Cheers!

[Author]

Posts