Title: Center menu
Last modified: August 21, 2016

---

# Center menu

 *  Resolved [dswalker](https://wordpress.org/support/users/dswalker/)
 * (@dswalker)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/)
 * For the life of me I can’t figure out how to center the menu (navbar) in this
   theme. Any ideas on where in the CSS I need to make the change to have the menu
   centered on all pages?

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

 *  [BabyFaceWeb](https://wordpress.org/support/users/stevejohnston/)
 * (@stevejohnston)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057199)
 * Hi DS,
    do you want to also center the theme title and subtitle along with the
   navigation items?
 * Can you please provide the url of your site, so I can see it live?
 * Best!
    Steve
 *  Thread Starter [dswalker](https://wordpress.org/support/users/dswalker/)
 * (@dswalker)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057269)
 * I’ve taken the title off and I’m using the Jumbo as the title of the page. I 
   just need the navbar centered. It just feels off to me. Here is a [link](http://thebradylawfirm.com/wp/)(
   of course the site isn’t close to finished)
 *  [BabyFaceWeb](https://wordpress.org/support/users/stevejohnston/)
 * (@stevejohnston)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057272)
 * Hi Ds,
    thanks, that’s made it easy.
 * Here’s your solution:
 *     ```
       .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
       border-color: #101010;
       max-width: 650px;
       margin: 0 auto;
       }
       ```
   
 * Hint: The reason it was tricky is that the responsive design has set the normal
   width of the navbar to “auto” which causes it to “fill” the rest of the width
   of the container. Setting the max-width attribute prevents this from happening
   and allows the margin attribute to be set to “auto” on the horizontal, while 
   still giving a maximum value of the width of the object being centered.
 * Feel free to ask for any more help 😉
 * Best!
    Steve
 *  Thread Starter [dswalker](https://wordpress.org/support/users/dswalker/)
 * (@dswalker)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057313)
 * Thanks, perfect!
 *  [Joao Cerbino](https://wordpress.org/support/users/joao-cerbino/)
 * (@joao-cerbino)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057435)
 * dswalker
 * can you tell me how did you change the menu top bar color?? you changed the red
   to blue, I cant find this part on the style.css
 * thank you
 *  [supermikeydee](https://wordpress.org/support/users/supermikeydee/)
 * (@supermikeydee)
 * [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057438)
 * I’ve added the above code to my page- and I’m not getting a centered navbar.
   .
   navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form { max-width: 650px;
   margin: 0 auto; } [http://wwww.mikeandartdesign.com/](http://wwww.mikeandartdesign.com/)

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

The topic ‘Center menu’ is closed to new replies.

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

 * 6 replies
 * 4 participants
 * Last reply from: [supermikeydee](https://wordpress.org/support/users/supermikeydee/)
 * Last activity: [11 years, 10 months ago](https://wordpress.org/support/topic/center-menu-15/#post-5057438)
 * Status: resolved