Skip to main content

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
Tags: menu, CSS, nav

Replies sorted oldest to newest

Hello,

 

I still cannot get this to work!  This is what I'm posting into the "Custom Code For HEAD Section":

 

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

 

 

This code shows up ABOVE my forum banner, on all pages.

 

Am I missing something???

 

Thank you in advance for all help!

jpmfan
×
×
×
Link copied to your clipboard.
×