Logo for header needs to be centered

[gwen]

I'm not html versed , so I'm having trouble centering my logo on my sites header, GiftsToDeliver.com. I'm satisfied with the size so I wouldn't want to make it any smaller, and I'm using one of themes in Shopsite.
This is probably simple for many, can anyone let me know where to start or tell me if this has been addressed before?
Thank you,
Gwen

[Jim]

Your image is way to big for the header area and is being shrunk by the browser. The image is 1223 px x 690 px and should probably be only 200 -300 px or so wide and the vertical height adjusted so it is proportional. The current style on your page for the logo is

Code: Select all

 #logo {
   width: 500px;
   float: left;
   min-height: 50px;
 }
 a.logo {
   float: left;

Which will force the logo to the left.
If you are using the Header in your store pages you could try adding the following code to the Header text under Preferences > Layout Settings

Code: Select all

<style type="text/css">
 #logo {display: block;
    margin-left: auto;
    margin-right: auto }}
</style>