Docs

[caitlinh]

I have the following code in the Customizer to remove all the underlines for top nav in Integrity. However, the active page is still getting an underline. How do I remove that too?

/* removes highlight line on hover */
.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > a {
box-shadow: none;
text-decoration: none !important;
}

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > a:hover {
box-shadow: none;
text-decoration: none !important;
}

.x-navbar .x-nav > li > a:hover, .x-navbar .x-nav > li.sfHover > a {
box-shadow: none !important;
}

[Darshana]

Hi there,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[caitlinh]

This reply has been marked as private.

[caitlinh]

It is showing up on the “custom link” menu items still.

[Rue Nel]

Hello There,

Thanks for writing in. Though you’ve given the WP access, we could not login or even view the site because we are greeted by this login form: http://prntscr.com/asu3hx.

Meanwhile, simply use this code that applies to which stack you are using.

Integrity stack:

.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 {
    border: none;
    box-shadow: none;
}

Renew stack:

.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 {
    border: none;
    box-shadow: none;
}

Ethos stack:

.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 {
    border: none !important;
    box-shadow: none;    
}

.x-navbar .desktop .x-nav>li>a {
    border: none !important;
}

Icon stack, you can use this code if ever you want to remove the rounded borders;

.x-navbar .desktop .x-nav>li>a>span {
    border: none; 
}

Hope this helps. Please let us know how it goes.

[Author]

Posts