Center navigation for Platform Pro

[brettbennion 0]

I have a website with only 4 items on my navigation. I've already centered my logo but how do I center the links in my navigation? Also my simple nav in the footer also has way too mach space, how do I shrink #footer .content-pad ? www.mlrky.com Thanks!

[Kate 3]

Hi Brett - There's a couple different ways to accomplish this, but with your current styles, the code below should do the trick:

#primary-nav{float:none !important;text-align:center !important;}
	#nav_row{padding-bottom:10px;}
	#primary-nav li{float:none !important;display:inline;}
	#primary-nav li a{float:none !important;display:inline;margin-bottom:10px;}

Just add that to your custom code (CSS).

[brettbennion 0]

didn't work

[Kate 3]

Hey Brett - I tried it myself before suggesting it. Where did you add it, please? EDIT: Try this instead:

#nav_row ul{padding-bottom:10px !important;float:none !important;text-align:center;}
	#primary-nav li{float:none !important;display:inline !important;}
	#primary-nav a{float:none !important;display:inline !important;}

[brettbennion 0]

[Kate 3]

Hey Brett - Sorry, just saw the screenshot. I just updated my previous post with some new styles to try. Replace the current styles with those I listed. Again, I tried these, and they worked, so hopefully they work for you. (I may have forgotten a line or something the first time... sorry!)

[brettbennion 0]

Thank you! worked perfectly. Any idea how I can squish down my footer now? you really are the best!!!

[Kate 3]

No problem... Just took a look, and it seems the footer is 'squished down' now, is that correct? Let us know if you still need help with that part.

[pyromancer 0]

Hi there, I just tried this solution and it works, but then the dropdown menus are screwed up. It seems that they are centered as well, while they should be aligned left - relative to the location of the parent link. Is there a solution for this, too? Cheers, David

[pyromancer 0]

ps... Tot make it a bit clearer what I mean: As you can see, the header menu is getting slightly full on my site: www.pyromancer.nl I would like to put some options together below one parent page. But the drop down meny gets screwed when I center the menu in the way described above...

[pyromancer 0]

Oops... The URL should be: www.pyromancer.nl/weblog since the one above links to my non-Wordpress site, which will soon be removed. (Did I miss an 'edit post' button?) /EDIT: I surely did. Sorry...

[chrissoll 0]

Hi there, I'm looking to center the navigation on my site aswell. i've followed the instructions above and copied pasted it in the CSS section of my Platform plugin...but it still seems to be left-aligned. Little help?...Anyone? Site is: www.chrissoll.com Thanks in advance

[shaneosmond 0]

I have also added Kate's code to my Custom CSS however my drop down lists are also now centered and very off alignment (almost unreadable). Any solution to this problem? Thanks.