Padding CSS for header

[davecfm 10]

Hello, I've tried numerous selectors to reduce the padding between my header an navigation bar and above the header image. No luck. I'm also trying to center my navigation bar. Is this done with width and if so, could you explain? www.farekitchen.com Thanks, you guys are great. Dave

[catrina 103]

Please add the following CSS to your settings

div.branding_wrap {margin-top: -23px;}
	#primary-nav {margin-top: -20px; margin: auto 0px;}
	

[davecfm 10]

Hi Catrina, The code worked for getting the space removed above the header but didnt work for the space in-between the header and the navigation. The nav code did not work either. Nuts. Side note: Should I be clicking "reject" in this situation? It seems so negative. Dave

[davecfm 10]

Hi Catrina, Managed to get the space in-between the header and the nav bar reduced. Yeah. Still a mystery on getting the nav centered. Thanks

[Rob 547]

Actually Dave, Catrina's correct, but her CSS code may require a bit of tweaking. Try adjusting the negative value one or two in either direction (-21 or -19) in #primary-nav {margin-top: -20px; margin: auto 0px;} also, your header image appears to have a drop shadow that's not part of the image itself. Do you have a plugin or CSS doing that? It might be pushing your navigation down a few pixels to ensure that the shadow shows.

[davecfm 10]

Ranglone, Is this code for centering the navigation bar? I figured out the padding/ margin below the header and above the nav bar. I used css for the drop shadow. Thanks, Dave *this comment may appear twice. something went wrong with the "post comment."

[Jenny 33]

Hi Dave. You can try adding this to your custom CSS to center the nav bar text.

#primary-nav ul.main-nav {margin-left: 25%;}

[davecfm 10]

Simple_Mama, That worked great. Now I know %'s are something to toy with in CSS. Thank you! Dave

[Jenny 33]

You're welcome!