Remove bullets from Menu Heading on Sidebar

  • Resolved jonahm

    (@jonahm)


    13 years, 2 months ago

    Hi Everyone,
    I am stuck with formatting my sidebar. When I bullet the page links on my sidebar menu the bullet appears even on the menu heading, I have tried to fix but to no avail. My site is https://howtocleanayogamat.com Below is the CSS for the sidebar, Kindly assist. Thanks

    [CSS moderated as per the Forum Rules. Please just post a link to your site.]

Viewing 6 replies - 1 through 6 (of 6 total)
  • sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    It appears like you got this figured out since I see no bullets on the right side menu.

    Thread Starter jonahm

    (@jonahm)

    Thank you sacredpath, but I have not figured it out yet. The point is that I would like to have bullets on the links but not on the menu heading. I was tinkering with it when you checked the site. When I disable the bullets on the links, the bullet on the menu heading disappears, turning on the bullets on the links, it appears on the menu heading, as it is displayed now. Actually i would like to have custom bullets for the links. Kindly assist.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Try this added to the bottom of the style.css file. I’ve specifically targeted “main menu”.

    #nav_menu-4 {
list-style: none !important;
}
    Thread Starter jonahm

    (@jonahm)

    Here is the CSS on paste bin pastebin.com/WNmM9QZ8

    Thread Starter jonahm

    (@jonahm)

    Thank you Sacredpath! It worked.

    sacredpath

    (@sacredpath)

    Automattic Happiness Engineer

    Great. You might also want to add this to move the menu items to the right just a little.

    .menu-main-menu-container {
padding-left: 15px;
}
Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Remove bullets from Menu Heading on Sidebar’ is closed to new replies.