How to center main nav links

[alisamski+ 9]

Navigation styling problems Solid bar behind navigation full width. Need to align center the nav text-links within that bar I need to "spread / add" space between links I need the drop down menu to align left under the main links ?

[kastelic 6]

For this, in your CSS, you need to add a width to the navigation container, which will then allow you to set it margin: 0 auto. To add space between the nav items:

	.main_nav ul li {margin-right:10px;}

Post back if you need help with the centering CSS.

[alisamski+ 9]

Yes...I would appreciate help centering... since 've been trying to follow the threads already on the subject... I have this.... however not sure what the container css is... #primary-nav ul.main-nav{width:1024px;margin-top:-35px;background:#E8E6D9; }

[kastelic 6]

Try this:

	.main_nav {
	margin: 0 auto;
	width:400px
	}
	

Getting it centered will depend on the width being the actual width of the combined nav elements. A link to your site would help give more accurate numbers.

[alisamski+ 9]

I'm sending you the link via messaging... I do not like the site being exposed to search engines before completed... Last comment forms I was able to code a link :-( Notice the nav bar also being moved with the code above...

[alisamski+ 9]

Got the menu over... having issues with the "shadow" now...

[catrina 103]

Do you want to add the shadow or is it not appearing the way it should? You can message me the link.

[alisamski+ 9]

not appearing the way it should be... I messaged you the link