Center the top menu for theme Piano Black

Bump!

Bumpibumpbump

link to your site please….

https://silvercord.creamore.nu

well…..looking at your code
<div class="header-menu-wrapper clearfix"> is called in your header.php

but in your css you have:
.header-menu-wrapper { }

and

/* ---------- clearfix hack ---------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */

so I’m not sure what is supposed to be going on here…..
I don’t think you can can call to 2 classes like that?
Maybe something got messed up?

Anyway, in your css,
.header-menu-wrapper clearfix {margin: 0px auto}
does adding that do anything? I’m just venturing a guess here….(I’m pretty new to this stuff)

I don’t know… I have not changed much in the original code at all.
The default position for the menu is right adjusted… All I want is for it to be centered. If I knew what those lines actually do, I would probably have figured this out by now.

I am at a loss… There must be someone out there who knows this stuff.

Try removing float:right from:

ul.menu {
background:url(img/menu_middle.png) repeat-x left top;
float:right;
font-size:11px;
height:61px;
margin:0;
text-align:center;
}

in style.css. You’ll then also have to change display:block; to display:none; in:

#pngfix-left {
background:transparent (img/menu_left.png) no-repeat left top;
display:none;
float:right;
height:60px;
width:10px;
}

Oh – and RVoodoo is actually pretty good at this kind of stuff but sometimes it has to be a process of trial and error. So, when asking for help, please remember to be thank those who take time out to try and assist.

Thanks, I will try that…
Did not mean to come across as ungrateful. Sorry ’bout that.

That made the menu left adjusted, stretched the “menu_middle.png” to the right edge… so far so good… But it also removed the nice round edges of “menu_left.png” and “menu_right.png”.

Any chance that I can achieve the stretch and still keep my edges?

Sorry but it would take a lot more than a quick fix. The menu would need to, effectively, be redesigned. ??

I guess that I can live with that then… ??

Thank you for all your help!

Last night I recieved an e-mail from user Laurentiu regarding this issue.

I’ve recently ran across your wordpress forums post about moving the menu in the piano black theme from right to left. I just did that on my site, but I won’t be making a new user on wordpress just to tell you that in a thread that you probably don’t watch any longer ?? So here’s how I did it (in the stylesheet CSS). If you want to see how it looks, my website is in my sig ??

#pngfix-left { background:url(img/menu_right.png) no-repeat right top; display:block; width:10px; height:60px; float:left; }
#pngfix-right { background:url(img/menu_left.png) no-repeat left top; display:block; width:10px; height:60px; float:left; }

ul.menu { float:left; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; margin:0; }

Oh, one more thing: if you want your menu bar to spawn the whole width of the theme instead of just floating on the left, use this line instead:

ul.menu { float:left; background:url(img/menu_middle.png) repeat-x left top; font-size:11px; height:61px; width:939px; margin:0; }

That’s what I did ??

Cheers,
Laur

This works as a charm… so upon his request, I am forwarding the solution here.

Hi Creamore, the above is from left to right, did you end up centering it?

Hey guys – I have found how to center the menu:
ul.menu { float:right; background:url(img/menu_middle.png) repeat-x left top; font-size:11,1px; height:60px; width:939px; margin:0; }

NOTE: the hack is in the font size – font-size:11,1px; and when you combine it with width:939px; – all works like charm

Ceerz,
Stanislav

Creamore. That fix worked!
Googled it and landed here.. Nice!