Center Logo?

Hello I would like to center the logo on this site all the time.

Any help is appreciated.

URL: http://www.construction.crossoverrealty.com

Thanks,

Michael K.

Hi,
sure... for desktop try this:

Code: Select all

#gkHeaderNav #gkLogo {left: 36%;}

and extra line for mobile

@media (max-width: 480px) {
#gkHeaderNav #gkLogo {left: 10%;}
}

but in general use used too big IMG for logo.

Hi,
sure... for desktop try this:

Code: Select all

#gkHeaderNav #gkLogo {left: 36%;}

and extra line for mobile

@media (max-width: 480px) {
#gkHeaderNav #gkLogo {left: 10%;}
}

but in general use used too big IMG for logo.

Okay, so I used you above coding and it really does not center it well on all devices. Is there any type of code that can center it automatically on any screen size?

I understand that I will have to adjust the logo size on certain screen sizes.

In theory it's possible but it's so many style added that you have to override them all,
or edit a little bit a template code area where logo is.

Upsss... I think I have a way.

#gkMenuWrap {
left: 0;
margin: 0 auto;
right: 0;
width: 390px;
}

#gkHeader {
background: #222 none repeat scroll 0 0;
width: 100%;
}

Maybe it's not perfect, but it's good start for your project. Now it's your turn.

Upsss... I think I have a way.

#gkMenuWrap {
left: 0;
margin: 0 auto;
right: 0;
width: 390px;
}

#gkHeader {
background: #222 none repeat scroll 0 0;
width: 100%;
}

Maybe it's not perfect, but it's good start for your project. Now it's your turn.

Okay, so after a lot of tinkering, I still can't seem to get it perfectly centered, and my client notices it right away, I've stripped all of the centering code, that we had in there for the mean time.

Here is a site that I did and I was able to get the logo centered no matter what the screen size is.

http://donate.tucsonpatriots.com/

Is there not anyway to achieve the same results on this template?

Thanks for your help so far, but more would be greatly appreciated.