Joomla Templates Club 406,261 posts

[labonepetspa Friend labonepetspaJoin date: April 2010Posts: 14Downloads:0Uploads:4 Thanks: 2]

#151265

Hello there,

Just wondering if anyone has been able to put the logo in the center top and was able to remove the top navigation to only have it on the side? Is that possible? If so, help…:((

Any help from you guys is greatly appreciated. 🙂

Cheers!

Cris

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#344386

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.

[toymaker Friend toymakerJoin date: April 2010Posts: 123Downloads:0Uploads:5 Thanks: 10 Thanked: 45 times in 32 posts]

#344389

OR… for truly centering the Logo, you can manually specify the Logo DIV to match the image width and then set margins to auto. (you have to delete the float:left style)

Like this:


h1.logo, div.logo-text {
margin:0 auto;
padding:0;
width:210px;
}


This will truly center the div inside the header and adjust itself no matter what changes you make to the width of your page/site.

Peace,
Gabriel

[labonepetspa Friend labonepetspaJoin date: April 2010Posts: 14Downloads:0Uploads:4 Thanks: 2]

#347020

That worked! Thanks!!

[Author]

Posts