[Resolved] Navigation Border Bottom

[Andrew]

Hello I used some code on to add the pink underline in the navigation, I’m wondering how I can target the submenu now and remove it from there? I would like it to only apply on the parent items and not in the sub menu if possible. Thanks!

[David]

Hi there,

try this CSS instead to target just the top level items:

.main-navigation .main-nav > ul > li:hover, 
.main-navigation .main-nav > ul > li.current-menu-item {
    border-bottom: 3px solid #EF0EDB;
}

[Andrew]

Perfect!

[David]

Glad to hear that!

[Author]

Posts