[resolved] Twenty Twelve remove space between wp-menu items (6 posts)

  1. Ashwani Kumar Singh
    Posted 3 years ago #

    I can't find where the space comes from between menu items in the wp-menu.
    I went through all css part of the original css file and my child theme and I can't find anywhere where padding, margins or borders creates what looks to be about 8-10px of space between the menu items. My site http://www.iocreed.com

    I found a thread on the same topic but was unable to understand where was the problem..here is that thread: http://wordpress.org/support/topic/twenty-twelve-remove-space-between-wp-menu-items

    Please help someone

  2. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

  3. Ashwani Kumar Singh
    Posted 3 years ago #

    but this an issue regarding twenty twelve theme...that's why I came here...and I am unable to sort it out that how is that space created in the theme. I was unable to find any code in the theme file which would have created that space between two menu items...That's why I came here for help...

  4. Ashwani Kumar Singh
    Posted 3 years ago #

    I have sorted it out...

  5. spustnik
    Posted 3 years ago #

    I have problem with removing spaces between menu items too. Could you help me with my issue? How did you sorted it out ?

  6. craigstand
    Posted 3 years ago #

    To change the margin look in the:
    @media screen and (min-width: 600px) section

    Change the 40px margin, that's what causing the padding in the menu.

    .main-navigation li {
    margin: 0 40px 0 0;
    margin: 0 2.857142857rem 0 0;
    position: relative;

Topic Closed

This topic has been closed to new replies.

About this Topic