[Support request] Underline menu

[Antal]

Hi guys,
I have added an underline on the main menu. But now I am struggling to delete this underline from the dropdown menu items. Hope you can help me with this?

.main-navigation .main-nav ul li[class*="current-menu-"] > a:after, 
.main-navigation .main-nav ul li:hover > a:after, 
.main-navigation .main-nav ul li.sfHover:hover > a:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1.5px solid #ef5c1c;
    position: relative;
    top: -30px;
    opacity: 1;
}

Thanks a million! (I feel rather stupid not knowing CSS well 😉 )

[David]

Hi there,

you can use the > Child Combinator in your CSS.
So change:

.main-nav ul to .main-nav > ul

then the CSS will only apply to UL’s that are a direct child of the main nav.

[Antal]

Hello David,
I have changed the CSS to

.main-navigation .main-nav > ul li[class*="current-menu-"] > a:after, 
.main-navigation .main-nav > ul li:hover > a:after, 
.main-navigation .main-nav > ul li.sfHover:hover > a:after {
    content: "";
    display: block;
    width: 100%;
    border-bottom: 1.5px solid #ef5c1c;
    position: relative;
    top: -30px;
    opacity: 1;
}

But it is still the same?
The site I am working on is in maintenance mode, how can I send you the log in date so you can have a look?

[David]

Sorry hadn’t had my midday coffee lol

Try updating the selectors:

.main-nav > ul li to .main-nav > ul > li

[Antal]

Yes, that did it. Thanks a lot Dave. 🙂
Enjoy your coffee 😉

[David]

Having one of those weeks lol – glad to hear its working.

[Author]

Posts