Title: Menu Spacing
Last modified: January 7, 2019

---

# Menu Spacing

 *  Resolved [perryk01](https://wordpress.org/support/users/perryk01/)
 * (@perryk01)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-spacing-5/)
 * I just took over as the administrator of this site and am very new to this.
    
   The question I have is how to reduce the size of the space between each menu 
   item. Would also like to reduce the space between the top level menu and the 
   sub menu items.
 * Any help would be greatly appreciated.
 * thanks
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-spacing-5%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

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

 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-spacing-5/#post-11058474)
 * The theme controls the look of the site. You need to direct your questions to
   the theme’s support forum.
 *  [HudsonValleyWebDesign](https://wordpress.org/support/users/jaycbrf/)
 * (@jaycbrf)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-spacing-5/#post-11060862)
 * Hey there [@perryk01](https://wordpress.org/support/users/perryk01/),
 * That is a simple fix. In your theme’s custom CSS panel you can redefine the CSS
   used for the nav
 *     ```
       .omega-nav-menu a {
           border: none;
           color: #fff;
           display: block;
           padding: 35px;
           position: relative;
           font-weight: 400;
           font-size: 14px;
       }
       ```
   
 * In the above code, the padding:35px; is the spacing around the links. If you 
   change this to say 12px it will look much better. So paste this into the Custom
   CSS panel
 *     ```
       .omega-nav-menu a { padding: 12px;}
       ```
   
 * And for the sub menu, this CSS code is used:
 *     ```
       .omega-nav-menu .sub-menu a, .omega-nav-menu .children a {
           border-top: none;
           font-size: 14px;
           padding: 16px 20px;
           position: relative;
           width: 200px;
       }
       ```
   
 * Again, the padding is the issue. If you change the first number 16 which represents
   the top/bottom padding to like 8 or 10 it will tighten up nicely.
 *  Thread Starter [perryk01](https://wordpress.org/support/users/perryk01/)
 * (@perryk01)
 * [7 years, 5 months ago](https://wordpress.org/support/topic/menu-spacing-5/#post-11062330)
 * This worked perfect
    Thanks for the quick response

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

The topic ‘Menu Spacing’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 3 participants
 * Last reply from: [perryk01](https://wordpress.org/support/users/perryk01/)
 * Last activity: [7 years, 5 months ago](https://wordpress.org/support/topic/menu-spacing-5/#post-11062330)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics