First we need to get rid of the main horizontal menu.
Since it’s a split, better not do anything too drastic for fear of loosing its vertical twin.
Let’s just turn it off:
[FONT=”Arial Black”]Goto ja_quartz/css/template.css – Line 967[/FONT]
and add the following in RED…
#ja-mainnav {
display:none;
float:left;
padding:0;
position:relative;
z-index:9999;
}
Now to move the Logo…
[FONT=”Arial Black”]Goto /ja_quartz/css/template.css – Line 917[/FONT]
And increase the value below in red to slide the logo to the center. (370px would but the current logo close to center)
h1.logo, div.logo-text {
float:left;
margin:5px 20px 0;
padding:0;
}
You are going to want to set this manually…so as not to interfere with the positioning of other related areas (i.e. footer, container, tops, bots, etc.). You only want the LOGO to be centered…not all the stuff in the footer. That would look weird.
Have fun!
John.