Site logo

Archived topic

Navigation Border Bottom

3 replies · Started by Andrew on October 22, 2021

Viewing posts 1–4 of 4

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!

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

Perfect!

Glad to hear that!

This archived topic is closed to new replies.