Support » Themes and Templates » How can I remove the divider lines from the menu of Gamepress?

  • Resolved analuisa.b


    I’ve been researching a lot here on the forum, but i can’t understand where the code for the dividers actually is.
    Can someone help me out? Thanks! 🙂

Viewing 11 replies - 1 through 11 (of 11 total)
  • Can you please post a link?

    i’m working on this website using the theme i’m talking about, Gamepress.

    as you can see, each option of the menu has a divider and i really wanna remove them, but i can’t seem to find the portion of the code that refers to it on the CSS file, nor on the header file.

    It should be primary-nav li

    It is something to do with primary-nav ul or li items. Is there a background image for the buttons? Check those things.

    yeah, i checked these lines, i even deleted and changed what i thought could do the trick, but nothing made the slightest difference.

    there’s no background, just a gradient.
    thanks so much! if you think of anything else, please let me know 🙂

    This is due to the fact, that both li and a have borders.
    You can overwrite those rules with the following CSS selectors:
    #primary-nav li {} and #primary-nav a {}

    Also it’s highly recommended to introduce such changes via child theme or My Custom CSS plugin (changes to CSS only).

    forgive my ignorance (i’m a total noob here xD), but how can I do that?
    ps: this theme totally rocks, thanks so much!

    i’ve been trying to change these parts of the code but the dividers are still there! nothing seems to work 🙁

    how do I delete them? changing the borders to “none” didn’t do the trick.

    Try clearing your browser cache – those lines are not visible for me.

    I finally got rid of them. The only one that insists on sticking around is the one just before the search form. Any thoughts on how to delete it too? I don’t even know what I did right the first time to get rid of the others Oo plain luck, i guess.

    Add this:

    #primary-nav > li:last-child {
        border-right: 0;
    #primary-nav > li:last-child > a {
        border-right: 0;

    You really should download and learn how to use Firebug – if you want to make CSS changes, that’s the way to go.

    amazing, that totally worked!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How can I remove the divider lines from the menu of Gamepress?’ is closed to new replies.