Title: Space between menu items
Last modified: August 30, 2016

---

# Space between menu items

 *  Resolved [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/)
 * It looks like the space between menu items is adjusted by the sub-menu. my site
   is [http://huntcountywoodturners.org/](http://huntcountywoodturners.org/) On 
   the menu items that do not have sub-menu the space looks gook. On menu items 
   with sub-menu the space is expanded

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

 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696342)
 * Hi Saba Gi
 * Please try below
 * Dashboard / Appearance / Customize
 * Presentation / Menu
 * Menu Primary Font Size, Menu Primary Min Width
 * Please try to adjust the size and width using this two items
 * Saved
 * Thank you.
 *  Thread Starter [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696423)
 * I have already set them both to zero. Most of the menu looks OK. The menu items
   with sub-menu is where the issue is.
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696506)
 * Please try below
 * Add child theme / style.css at file bottom
 *     ```
       #access .menu .sub-menu a,
       #access .menu .children a,
       #access .menu .sub-menu li,
       #access .menu .children li,
       #access .menu .sub-menu,
       #access .menu .children{
       	min-width:0;
       }
       ```
   
 *  Thread Starter [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696507)
 * I added
    #access .menu .sub-menu a, #access .menu .children a, #access .menu .
   sub-menu li, #access .menu .children li, #access .menu .sub-menu, #access .menu.
   children{ min-width:0; } no change
 *  Theme Author [nobita](https://wordpress.org/support/users/nobita/)
 * (@nobita)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696508)
 * Maybe Caching issue
 * Please open ZenCache plugin and remove cache
 *  Thread Starter [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696523)
 * I cleared cache no better.
 *  Thread Starter [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696527)
 * that did not help
 *  [WEN Solutions](https://wordpress.org/support/users/wen-solutions/)
 * (@wen-solutions)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696532)
 * Please find the below code on your style.css
 *     ```
       #access .menu > .menu-item-has-children {
           padding-right: 2em;
           box-sizing: border-box;
       }
       ```
   
 * And comment out `padding-right: 2em;` it will work on you.
 * Note: child theme is recommended to customize theme.
    [https://codex.wordpress.org/Child_Themes](https://wordpress.org/support/topic/space-between-menu-items-1/?output_format=md)
   If any problem arise please feel free to ask. Thank you
 *  Thread Starter [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696535)
 * I have added
    #access .menu > .menu-item-has-children{ box-sizing: border-box;}
 * to my child style.css with no change
 *  [WEN Solutions](https://wordpress.org/support/users/wen-solutions/)
 * (@wen-solutions)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696538)
 * Your theme style already contain the code for padding on menu having child menus.
   
   I already told you about find and remove code. If you are not able to find code,
   only add the below code on your style.css
 *     ```
       #access .menu > .menu-item-has-children {
           padding-right: 0px !important;
       }
       ```
   
 * Please remove the above code you added.
    If not work, please feel free to ask
   again. I will help you with other idea too. Thanks
 *  Thread Starter [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * (@saba-gi)
 * [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696540)
 * that fixed the issue
    Thanks

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

The topic ‘Space between menu items’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/raindrops/1.700/screenshot.png)
 * raindrops
 * [Support Threads](https://wordpress.org/support/theme/raindrops/)
 * [Active Topics](https://wordpress.org/support/theme/raindrops/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/raindrops/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/raindrops/reviews/)

 * 11 replies
 * 3 participants
 * Last reply from: [Saba Gi](https://wordpress.org/support/users/saba-gi/)
 * Last activity: [10 years, 5 months ago](https://wordpress.org/support/topic/space-between-menu-items-1/#post-6696540)
 * Status: resolved