Title: How to decrease spaces between menu items
Last modified: September 22, 2016

---

# How to decrease spaces between menu items

 *  [jannnnnneke](https://wordpress.org/support/users/jannnnnneke/)
 * (@jannnnnneke)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-decrease-spaces-between-menu-items/)
 * Hi,
 * how can I decrease the space between menu items to get them all again in one 
   row?
 * My site: [http://www.itsomimedia.nl](http://www.itsomimedia.nl)
 * Love to hear from you!
 * Janneke

Viewing 4 replies - 1 through 4 (of 4 total)

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-decrease-spaces-between-menu-items/#post-8209586)
 * Is it just regarding a certain browser size?
 *  Thread Starter [jannnnnneke](https://wordpress.org/support/users/jannnnnneke/)
 * (@jannnnnneke)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-decrease-spaces-between-menu-items/#post-8209746)
 * Well, today I added a new page to the menu. Now the last menu item is displayed
   on a line below. While it seems like he would fits on the same line. If I make
   the browser bigger he stays on the line below. I tried to change the custom css
   and this helped:
 * .main-navigation ul {
    width: 870px; }
 * But now when I make the browser smaller the menu items cross over the logo. Without
   changing the css the menu items became smaller and closer to eachother.
 * Hope I’m clear now!
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-decrease-spaces-between-menu-items/#post-8209789)
 * Try installing this Custom CSS plugin:
    [https://wordpress.org/plugins/custom-css-manager-plugin/](https://wordpress.org/plugins/custom-css-manager-plugin/)
 * Then add this CSS:
 *     ```
       .main-navigation li {
           margin-left: 4rem;
       }
       ```
   
 *  Thread Starter [jannnnnneke](https://wordpress.org/support/users/jannnnnneke/)
 * (@jannnnnneke)
 * [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-decrease-spaces-between-menu-items/#post-8209820)
 * I have already an option with the theme to create custom css. I added it and 
   it worked!! Thank you so much!

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘How to decrease spaces between menu items’ is closed to new replies.

## Tags

 * [decrease](https://wordpress.org/support/topic-tag/decrease/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [space](https://wordpress.org/support/topic-tag/space/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 4 replies
 * 2 participants
 * Last reply from: [jannnnnneke](https://wordpress.org/support/users/jannnnnneke/)
 * Last activity: [9 years, 8 months ago](https://wordpress.org/support/topic/how-to-decrease-spaces-between-menu-items/#post-8209820)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics