Title: center align menu items
Last modified: August 20, 2016

---

# center align menu items

 *  [CK Photo](https://wordpress.org/support/users/ck-photo/)
 * (@ck-photo)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/center-align-menu-items/)
 * Hi, I’m hoping to center align my menu items instead of them sticking to the 
   left of the menu bar. I’d like them to space evenly across the width of the page
   as well, but am having trouble finding where I should change this in the css.
   Thanks in advance for your help!
 * [http://www.deliohio.com](http://www.deliohio.com)

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

 *  [akedv](https://wordpress.org/support/users/ak71/)
 * (@ak71)
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528862)
 * me too please, i can’t get them centered but did that to many other themes before
   🙁 please advice!
 * [http://nas.cybermarket24.com](http://nas.cybermarket24.com)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528863)
 * Do you have a section of the dashboard named, “Custom CSS”?
 *  [akedv](https://wordpress.org/support/users/ak71/)
 * (@ak71)
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528864)
 * yes, you can add your own css in the theme options, usually i’m using a child
   theme…
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528865)
 * Add this;
 *     ```
       #branding ul.menu {
        margin: 0 auto;
        display: table;
       }
       ```
   
 *  [akedv](https://wordpress.org/support/users/ak71/)
 * (@ak71)
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528870)
 * thanks andrew, looks nice, but unfortunately the menu isn’t responsive anymore-
   > doesn’t change to a drop down when being displayed on a small screen, u got
   a solution for this as well?
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528871)
 * Try adding this underneath the above recommended code:
 *     ```
       @media screen and (max-width: 767px) {
        #branding ul.menu {
         display: none;
        }
       }
       ```
   
 *  [akedv](https://wordpress.org/support/users/ak71/)
 * (@ak71)
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528872)
 * hi, a already have a [@media](https://wordpress.org/support/users/media/) entry,
   so i added your piece of code to it (at the and of my custom css)
 *     ```
       @media screen and (max-width: 767px) {
           #branding #access-secondary,
           #branding #access-secondary ul.menu {
               display: block;
               margin: 0;
           }
         #branding ul.menu {
             display: none;
         }
       }
       ```
   
 * but nothing changed
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528873)
 * Did you clear your cache? I don’t see an issue.
 *  [akedv](https://wordpress.org/support/users/ak71/)
 * (@ak71)
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528875)
 * yes, i tried it in firefox, ie 10 and safari, but in every browser the secondary
   menu still doesn’t change to a drop down menu when resizing the window
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528876)
 * Can you post a link to a screenshot of the issue?
 *  [akedv](https://wordpress.org/support/users/ak71/)
 * (@ak71)
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528877)
 * shure, here you go:
 * [screenshot](http://nas.cybermarket24.com/media/nas/nas-menu-issue.jpg)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [13 years ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528878)
 * I’m sorry, your menu was like that before the change.
 *  [laidback](https://wordpress.org/support/users/laidback/)
 * (@laidback)
 * [12 years, 12 months ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528881)
 * hey there,
 * try adding this to your custom css
 *  .tinynav {
    color: #111 }
 * color should be something dark.

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

The topic ‘center align menu items’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/catch-box/5.0.1/screenshot.png)
 * Catch Box
 * [Support Threads](https://wordpress.org/support/theme/catch-box/)
 * [Active Topics](https://wordpress.org/support/theme/catch-box/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/catch-box/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/catch-box/reviews/)

## Tags

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

 * 13 replies
 * 4 participants
 * Last reply from: [laidback](https://wordpress.org/support/users/laidback/)
 * Last activity: [12 years, 12 months ago](https://wordpress.org/support/topic/center-align-menu-items/#post-3528881)
 * Status: not resolved