[Resolved] Custom unordered list items showing in nav menu

Home Forums Support Custom unordered list items showing in nav menu

  • This topic has 3 replies, 2 voices, and was last updated 10 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1077272
    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.

    Custom CSS

    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

    #1077722
    David
    Staff
    Customer Support

    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

    #1078695
    Shaun

    Thanks David. It worked perfectly!

    #1078759
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.