How to center the top navigation menu

Discussions

Ted @ Crowdstack

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:

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

Hide

Images (2)

Tags: menu, CSS, nav

Replies sorted oldest to newest

Richards GuitarsMember

Thank you.

It has worked perfectly.

http://www.guitars.co.uk

4/23/144:59 PM

Ted @ CrowdstackSocial Strata

You are welcome.

4/23/145:02 PM

jpmfanMember

I cannot get this to work!! So frustrating!!

Please help! I have created a clone of a standard theme (to pick from) and added the code to the head css section and it's still not centered.

HELP!

Thank you!

9/22/146:31 PM

jpmfanMember

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!

9/23/145:47 PM

jpmfanMember

And yes, I am putting it on my selected Theme page, which is my active theme.

9/23/145:47 PM

Brian LenzSocial Strata CTO

Hi jpmfan,

The "Custom Code For HEAD Section" requires HTML, but what you've pasted there is CSS. You should put that into the Custom CSS section in your theme instead (just beneath where you've got it right now).

Hope that helps!

Brian

9/23/146:01 PM

jpmfanMember

Hi Brian,

Thanks so much! That did the trick!

Best,

jpmfan

9/23/146:57 PM

Skip to main content

Discussions

Attachments

Membership Required

Remove From Your Block List

Block

Please wait...