Need help? Check out our Support site, then


Twenty twelve main menu

  1. I am using the Twenty-twelve theme and have purchase the CSS upgrade. I have two questions:

    1) How do I move the main horizontal menu from above to below the header image?

    2) How do I center the tab labels in that main menu?

    Thank you for your assistance,
    Mike

    The blog I need help with is interruptingthesilence.com.

  2. 1) How do I move the main horizontal menu from above to below the header image?

    .site-header {
    	padding-bottom: 80px;
    }
    .main-navigation {
    	position: absolute;
    	top: 500px;
    }

    Adjust the numbers to your liking.

  3. 2) How do I center the tab labels in that main menu?

    Do you mean center the entire menu like this?

    .main-navigation {
    	width: 960px;
    	border-bottom: 1px solid #EDEDED;
    	border-top: 1px solid #EDEDED;
    	border-color: rgba( 0, 0, 0, 0.1 );
    }
    .main-navigation ul.nav-menu {
    	border: none;
    	margin: 0 auto;
    	display: block;
    	width: auto;
    }
  4. Yes, thank you so very much. Both codes did just what I wanted. You are brilliant! I so appreciate your assistance.

    Mike

Topic Closed

This topic has been closed to new replies.

About this Topic