Navigation Bar Resizing-Help!

[mymochamoney]

I know how to resize the navigation bar--I change the size in the image CompleteNavBg and upload it. However, when I go to upload it, it doesn't center the navigation bar. It is left justified so it only looks shorter on the right side instead of being centered align.

How can I fix this?

-Melissa

[Dan Nickerson]

Add this to your custom css stying box in Socrates > Styling.

.im-nav {
position: relative;
background: url("images/completeNavBg.png") no-repeat;
background-position: -5px 0px;
width: 980px;
height: 46px;
z-index: 4;
padding: 5px 0px 0px 5px;
left: 0px;
top: -18px;
font-family: Verdana, Geneva, sans-serif
}

Adjust width and padding to your new image to align.

[mymochamoney]

I tried it and it didn't work. If I made the image smaller, it would just bring it in from the right side.

I tried changing the padding but there was no effect on it at all. All I want is for the navigation bar image to be centered on the page.

[Dan Nickerson]

I will need to see the site, and then I can tell you what to change in the css I included.

[mymochamoney]

Thanks, Dan!

The site is flowcytometryservices.com

[Dan Nickerson]

I didn't know you were using 3.0 Menus.

Remove the other code from the box..

Add this.

.menu-primary {
position: relative;
background: url("http://www.flowcytometryservices.com/wp-content/themes/socrates/images/completeNavBg.png") no-repeat;
background-position: 5px 0px;
width: 975px;
height: 56px;
z-index: 4;
padding: 0px 0px 0px 10px;
left: 0px;
top: -18px;
font-family: Verdana, Geneva, sans-serif;
}

[mymochamoney]

Hmmm...I just did that Dan and the image is no longer there.

[Dan Nickerson]

That's odd.. and slashes are being added to it..

Try replacing with this..

.menu-primary {
position: relative;
//background: url("http://www.flowcytometryservices.com/wp-content/themes/socrates/images/completeNavBg.png") no-repeat;
background-position: 5px 0px;
width: 975px;
height: 56px;
z-index: 4;
padding: 0px 0px 0px 10px;
left: 0px;
top: -18px;
font-family: Verdana, Geneva, sans-serif;
}

[mymochamoney]

Hi Dan,

Yes, the slashes were missing from the first code! I added them and the bar showed up. HOWEVER, now it's hanging off the ride side. Yikes! Anything I can do?

[mymochamoney]

Dan,

I changed the width of the bar to "965" and it worked! Thanks so much!

-Melissa