Title: Centered Header Menu?
Last modified: August 30, 2016

---

# Centered Header Menu?

 *  [Evan](https://wordpress.org/support/users/phooey/)
 * (@phooey)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/centered-header-menu/)
 * I’m having trouble figuring out how to center the header menubar without breaking
   the mobile version of that menubar. Any help would be appreciated!

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

 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200267)
 * Hey there Evan,
 * How are you doing today?
 * That should be possible with some custom CSS. Since the theme has its own custom
   CSS tab which is located in Appearance -> Theme Options -> CSS Styles you can
   try adding the following code there:
 *     ```
       .main-nav {
         width: 740px;
         margin-left: auto;
         margin-right: auto;
       }
       ```
   
 * Note that in order for this to work width must match the actual width of your
   navigation. If you’re unsure how to do that please post link to your site so 
   I can take a look 🙂
 * Also this shouldn’t affect the mobile menu since it is using different class.
 * Please let me know if this helps 🙂
 * Cheers,
    Bojan
 *  Thread Starter [Evan](https://wordpress.org/support/users/phooey/)
 * (@phooey)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200333)
 * Thanks for the reply! That _sort of_ works, but left it off-set.
 * I ended up going with this, at least for the time being:
 *     ```
       .main-nav {
       	margin: 0 auto;
       	width: -webkit-fit-content;
       	width: -moz-fit-content;
       	width: fit-content;
               width: intrinsic; /*safari*/
       }
       ```
   
 * It seems to be doing the trick.
 * I’d share the site, but it’s a client’s site, not mine, and it isn’t live yet.
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200408)
 * Hey there Evan,
 * It’s probably off set because the width is not matching the actual width of the
   navigation so it is centering the whole element.
 * If you managed to get it to work the there is no need for the site link anyway.
 * Have a great day!
 * Cheers,
    Bojan
 *  [Guuz](https://wordpress.org/support/users/guuz/)
 * (@guuz)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200547)
 * How can I center my header text?
    Evan’s solution is not working for me!
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200548)
 * Hey there Guuz,
 * Hope you’re well today 🙂
 * Generally you’d want to open a new thread, as you already posted here can you
   please post link to your site where and let me know what exactly are you trying
   to center in your header and I’ll try to help 🙂
 * Cheers,
    Bojan
 *  [Guuz](https://wordpress.org/support/users/guuz/)
 * (@guuz)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200552)
 * The site is not alive yet, so I cannot post a link.
    But here is an image of 
   it: [header](http://afpunt.nl/images/header.jpg)
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200553)
 * Hey Guuz,
 * It’s really hard to provide proper CSS without actually inspecting your site.
   I’ve tried the following on my sandbox site using the theme from this thread 
   and it worked with site title and description.
 * You can try adding the following as described above:
 *     ```
       div#site-branding {
           text-align: center;
           width: 100%;
       }
       ```
   
 * Hope this helps 🙂
 * Best regards,
    Bojan
 *  [Guuz](https://wordpress.org/support/users/guuz/)
 * (@guuz)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200554)
 * Thanks, this worked!
 *  [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * (@wpmudev-support4)
 * [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200555)
 * Awesome! Glad I could help 🙂
 * Cheers,
    Bojan

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

The topic ‘Centered Header Menu?’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/responsive-mobile/1.15.1/screenshot.
   jpg)
 * Responsive Mobile
 * [Support Threads](https://wordpress.org/support/theme/responsive-mobile/)
 * [Active Topics](https://wordpress.org/support/theme/responsive-mobile/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/responsive-mobile/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/responsive-mobile/reviews/)

## Tags

 * [center](https://wordpress.org/support/topic-tag/center/)
 * [menu](https://wordpress.org/support/topic-tag/menu/)
 * [responsive II](https://wordpress.org/support/topic-tag/responsive-ii/)

 * 9 replies
 * 3 participants
 * Last reply from: [Bojan Radonic – WPMU DEV Support](https://wordpress.org/support/users/wpmudev-support4/)
 * Last activity: [10 years, 7 months ago](https://wordpress.org/support/topic/centered-header-menu/#post-6200555)
 * Status: not resolved