Twenty twelve main menu

  • Author
    Posts
  • #1024442

    marshmk
    Member

    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.

    #1024570

    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.

    #1024571

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

    marshmk
    Member

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

    Mike

The topic ‘Twenty twelve main menu’ is closed to new replies.