You have to know the width of your menu to do it, and the actual classes/ids you’d use would depend on which menu you’re trying to center, but basically you need to make the ul element a fixed width and give it margin: auto;. Something like this (tested in the browser on my blog:
ul#menu-header {
margin: 0 auto; /* this centers the menu but only if...*/
float: none; /* ...the float: left is offset and...*/
width: 550px; /* ...the width isn't 100% */
}
I’m trying to center the main navigation menu. Is there any particular file this I should be adding this code to?
Use a plugin like My Custom CSS or Jetpack’s CSS editor. Don’t ever edit the theme files directly or your changes will be lost when you upgrade.
Hi Cris, I’ve tried the code you posted above as well as others I have found online. I can’t get anything to work as of yet. My site is http://www.lafirma.com
I did find a code that did move the menu to the center but it changed it from horizontal to vertical when it moved it. Any thoughts?
I also cannot find anything to delete post titles?
@pabloant —
This issue has already been answered. Please create a new post with your questions as per the forum guidelines for Theme support.
