WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How To Remove Dropdown Arrows From Navigation Bar (7 posts)

  1. FrancoIncitti
    Member
    Posted 3 years ago #

    I'm currently using the Graphene theme for my blog and I've created a menu (with categories and pages mixed together) for my navigation bar. I have already set it up so the navigation bar has dropdown menu's (sub categories). This is great, however, I don't want the arrows that point down indicating that there are more options. Please help me try to remove them. Thanks in advance for all the help!

  2. FrancoIncitti
    Member
    Posted 3 years ago #

    Oh, and here is my link so you can see what I'm talking about:
    http://www.thecouponadventure.com

  3. kjodle
    Member
    Posted 3 years ago #

    Add this to your custom CSS:

    #header-menu > li.menu-item-ancestor > a {
        background: none;
    }
    #header-menu > li.menu-item-ancestor > a {
        background: none;
        padding-left: 0px;
    }

    Works in Firebug, so should work okay for you.

  4. FrancoIncitti
    Member
    Posted 2 years ago #

    Thank you, it has worked. However, when I put my mouse over the dropdown category, the highlighting is offcentered. If you visit my site, you'll see what I mean:
    http://www.thecouponadventure.com

    Just put your mouse over one of the category's and you'll see that it is offcentered.

  5. kjodle
    Member
    Posted 2 years ago #

    Change the padding-left to 10px or whatever value makes things look goog.

  6. FrancoIncitti
    Member
    Posted 2 years ago #

    Thanks! This helped alot. It is working great! Thanks for all your help today on all my questions.

  7. kjodle
    Member
    Posted 2 years ago #

    No problem. Feel free to join us on the Graphene support forum:
    http://forum.khairul-syahir.com/

Topic Closed

This topic has been closed to new replies.

About this Topic