Archived topic

Targeting Only the Sub-Menu

3 replies · Started by Cori on January 15, 2019

Viewing posts 1–4 of 4

January 15, 2019 at 9:00 am #782732

Hello, I used this CSS to add a custom separator to the nav menu:
.main-navigation .main-nav ul li a:before {
content: "/ ";
color: #C23631;
}

How do I exclude the submenu? I don't want the "/" character to show there.

Thanks in advance!

January 15, 2019 at 11:00 am #782843

Hi there,

Try this:

.main-navigation .main-nav > ul > li > a:before {
    content: "/ ";
    color: #C23631;
}

January 15, 2019 at 11:18 am #782875

That worked perfectly. Thanks a bunch!

January 15, 2019 at 2:16 pm #783009

No problem :)

This archived topic is closed to new replies.