Docs

[turnkeyflyers]

Hi, I am linking to several areas of my homepage. This results in all the links being underlined, while on the homepage: http://geniusflyers.com/ I would like to remove the underline from these links (it’s ok to leave the hover color change). I tried this code from another post but it didn’t work:

.x-navbar .desktop .x-nav > .current-page-ancestor > a > span:hover {
    text-decoration: none;
}

[Nico]

Hi There,

Thanks for writing in.

To remove the underline, add this in your customizer’s custom CSS:

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

Hope it helps.

Let us know how it goes.

Thanks.

[turnkeyflyers]

Hi, I tried that but no luck.

[Friech]

Hi There,

Did you set your one page navigation to be the primary menu? It should not be one page navigation should assign specifically to a page that is design to be a one page. That is why all your menu items are highlighted.

To completely remove the underline, update the given code to this

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

Hope it helps, Cheers!

[turnkeyflyers]

I don’t understand what you mean about the navigation but I entered this code and it works. Thanks,

[Nico]

Hi There,

Happy to hear that it helped.

Feel free to ask us again.

Thanks.

[Author]

Posts