Skip to main content

How to center the top navigation menu

By default, the top navigation menu is aligned left within the body of the page, which itself is centered and 1000 pixels wide.  It looks like this normally:

 

Screen Shot 2014-04-23 at 2.57.22 PM

 

You can center that top nav menu, however, so it looks like this instead:

 

Screen Shot 2014-04-23 at 2.56.16 PM

 

To center the nav menu, you will need to apply the following custom CSS to your site:

 

div#horizontalNavMenuSecondaryWrapper { width:100%; }
#menuWhitespaceTd .horizontalMenuWhitespace { display:none; }
table.horizontalMenu {
margin:auto;
width:300px;
}

 

You would add this CSS to your theme using the Custom CSS field in the Custom CSS/HEAD Code section. 

 

 

Attachments

Images (2)
  • Screen Shot 2014-04-23 at 2.56.16 PM
  • Screen Shot 2014-04-23 at 2.57.22 PM
Ted @ Crowdstack
Last edited by Ted @ Crowdstack
Original Post
×
×
×