Need help? Check out our Support site, then

Twenty Twelve Navigation Bar

  1. I would like to know how to center my navigation bar in the twenty twelve theme.
    Blog url:

  2. Looks like you added some CSS for that. I think this might be better:

    Try removing this:

    .main-navigation {
    .main-navigation {

    And add this instead:

    .main-navigation {
    	position: relative;
    .main-navigation div {
    	display: inline-block;
    	margin: 0 auto;
    	margin-right: -40px;
    .main-navigation ul.nav-menu,
    .main-navigation div.nav-menu > ul {
    	border: none;

    Note that you will probably need to adjust a little bit of the spacing after that change. Update the numbers until you find a look that you like.

Topic Closed

This topic has been closed to new replies.

About this Topic