Title: Menu Items Padding
Last modified: February 15, 2019

---

# Menu Items Padding

 *  [itsmsmith](https://wordpress.org/support/users/itsmsmith/)
 * (@itsmsmith)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/menu-items-padding/)
 * It’s my first time migrating a html website to wordpress. The only issue I can’t
   resolve so far is the padding right of the mobile menu items (have to open the
   web-site from a mobile device, Google Chrome’s dev console version looks fine).
   For some reason WordPress menu makes the menu items slightly for off-center. 
   The same was with the full version which I resolved by adding the following to
   style.css:
 *     ```
       ul.menu {
         display: block;
         margin-block-start: 1em;
         margin-block-end: 1em;
         margin-inline-start: 0px;
         margin-inline-end: 0px;
         padding-inline-start: 0px;
       }
       ```
   
 * One of my guesses would be that something conflicts with iOS version of Safari,
   but I’m not sure what that could be.
    I would really appreciate some advice, 
   it seems like I’ve tried everything.
    -  This topic was modified 7 years, 3 months ago by [itsmsmith](https://wordpress.org/support/users/itsmsmith/).
    -  This topic was modified 7 years, 3 months ago by [itsmsmith](https://wordpress.org/support/users/itsmsmith/).
    -  This topic was modified 7 years, 3 months ago by [Jose Castaneda](https://wordpress.org/support/users/jcastaneda/).
      Reason: added backticks for code formatting
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fmenu-items-padding%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, 3 months ago](https://wordpress.org/support/topic/menu-items-padding/#post-11208206)
 * The styling is determined by the theme, not WordPress, so you should ask at the
   theme’s support forum.
 *  Thread Starter [itsmsmith](https://wordpress.org/support/users/itsmsmith/)
 * (@itsmsmith)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/menu-items-padding/#post-11208237)
 * Before migrating to WordPress the styling was fine. I just remembered that I’d
   come across this issue before and it seems like WordPress adds a space before
   each menu item, but I’m not sure how to avoid it.
    -  This reply was modified 7 years, 3 months ago by [itsmsmith](https://wordpress.org/support/users/itsmsmith/).
 *  [Joy](https://wordpress.org/support/users/joyously/)
 * (@joyously)
 * [7 years, 3 months ago](https://wordpress.org/support/topic/menu-items-padding/#post-11208275)
 * It’s still dependent on the theme (which could have a nav walker determining 
   the output), and how the menu is styled. And since you are using `display: block`,
   the space should not matter. But not all browsers support the properties you 
   are using either.
    [https://www.caniuse.com/#search=block-start](https://www.caniuse.com/#search=block-start)

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

The topic ‘Menu Items Padding’ is closed to new replies.

## Tags

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

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 3 replies
 * 2 participants
 * Last reply from: [Joy](https://wordpress.org/support/users/joyously/)
 * Last activity: [7 years, 3 months ago](https://wordpress.org/support/topic/menu-items-padding/#post-11208275)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics