[Resolved] Custom unordered list items showing in nav menu

[Shaun]

Hi

I am building a WP site using GP Pro. It’s a hobby not a commercial site, and I am trying to learn along the way. The site is live while I build it – https://scienceofpsychology.org/

I used some custom CSS as follows to replace the standard bullet with a Unicode symbol.

However, the change caused the items in the nav menu to also show the Unicode symbol (see site link above). Is there an easy way to fix this? (other than me not using a Unicode symbol)

Thanks in advance
Shaun

[David]

Hi there,

couple of choices:

1. Make the CSS selector morre specific eg.

.sidebar ul li::before this will only effect lists in the sidebar.
.entry-content ul li::before this to apply only to the entry content of the post.

You can string the selectors together eg.

.sidebar ul li::before, .entry-content ul li::before {
    /* CSS Rules here */
}

2. Exclude the .menu class from your selector:

ul:not(.menu) li::before

This applies to all UL’s unless they have a menu class

[Shaun]

Thanks David. It worked perfectly!

[David]

You’re welcome

[Author]

Posts