WordPress.com

1. marshmk
   Member
   Sep 26, 2012, 1:24 PM

   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. designsimply
   Staff
   Sep 27, 2012, 1:22 AM

   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. designsimply
   Staff
   Sep 27, 2012, 1:28 AM

   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. marshmk
   Member
   Sep 27, 2012, 1:37 AM

   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.