Remove Hover Bar Lines, But Not for "Contact"

[mfrahm]

Is there a way I can remove the blue hover bars above all of my navigation items except for the contact button?

Thank you!

[Prasant]

Hello @mfrahm,

Thanks for asking.

You can add following CSS under X > Launch > Options > CSS to remove hover line from navbar other then Contact menu item:

    .x-navbar .desktop .x-nav > li > a:hover {box-shadow: none;}

    li#menu-item-779 > a:hover {box-shadow: inset 0 4px 0 0 #9bb7d4;} 

Thanks.

[mfrahm]

Thank you… looks like the bar is still showing up intermittently above the “services” nav item. Any way to fix this?

Also, looks like there is a funny gap between “services” and “portfolio” on the mobile menu - any way to fix this as well?

Thanks!

[paul.r]

Hi,

Please replace css code with 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: none;
}

li#menu-item-779 > a:hover {box-shadow: inset 0 4px 0 0 #9bb7d4 !important; }

@media(max-width:979px)  {
.x-navbar .menu-item-793 {
    padding-top: 0 !important;
}
}

Hope that helps