Twenty twelve main menu

• 

  marshmk · Member · Sep 26, 2012 at 1:24 pm

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  designsimply · Member · Sep 27, 2012 at 1:22 am

  • Copy link

  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.

• 

  designsimply · Member · Sep 27, 2012 at 1:28 am

  • Copy link

  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;
  }

• 

  marshmk · Member · Sep 27, 2012 at 1:37 am

  • Copy link

  Yes, thank you so very much. Both codes did just what I wanted. You are brilliant! I so appreciate your assistance.

  Mike