Removing underline from main menu

Support
#1

Hello, I have spent sometime trying to resolve something trivial without success. I am trying to remove the underline from the main menu of the page enclosed in the private info. If someone could help me that would be great!

#2

Hi there,

You will have to remove this code that is in your custom CSS:

.x-navbar .desktop .x-nav > li > a:after 
{
    content: "";
    position: absolute;
    width: 2px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    background: #ffffff;
    right: -4px
}
#3

Unfortunately that did not work - it just removes the white vertical lines in between the individual menu items and not the underline. If you have any further suggestions please let me know.

#4

Hi there,

Are you talking about the white separator between the submenu items?

If so, please add this CSS:

.x-navbar .desktop .sub-menu li:before, 
.x-navbar .desktop .sub-menu li:after {
    display: none;
}

Hope this helps.

#5

Hello, thank you for you reply but this is not what I was after. I am taking about the underscore which appears when hovering over the menu item. It’s a basic thing but I cannot work out how to get rid of it!

#6

Oh, this should do it:

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

Unfortunately not!.. See what I mean? :grimacing: Should be easy but no. Any other suggestion welcome!

#8

Hi there,

You seem to have added it in the wordpress customizer’s built in custom CSS panel which has a lower precedence than the CSS codes generated by X’s Theme Options. Try adding the code in X > Theme Options > Global CSS.

If you prefer to add it in the customizers custom CSS, just update the code to:

.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 this helps.

1 Like
#9

perfect that did the job!

#10

Glad to hear that. :slight_smile:

#11

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.