How can I make my logo bigger

Hello,

A logo always needs to be big in order to grab potential clients attention with the aim to "embed" it in their mind.

So what I would need to do is make my logo bigger and more visible to my visitors.

Unfortunately when I do this, it overlaps my navigation bar as shown bellow:



I did find a post regarding this issue, but it did not provide enough clarity as to what Is meant to be done.
Unfortunately I am a code noob but have to try and get around. So i turn to the geniuses out there

Im running version 1.5.0.1

The image size is 305 x 129

I cannot seem to get it working.

Can anyone provide detailed steps to what I can do to fix this.

Kind Regards,
Craig

Hi

Go to catalog/view/theme/default/stylesheet

and look for:

/* header */
#header {
height: 150px;
margin-bottom: 7px;
padding-bottom: 4px;
position: relative;
z-index: 99;
}
#header #logo {
position: absolute;
top: 26px;
left: 15px;

Adjust the header height and this will make header larger to enable your logo to fit.
i had to do this for my logo.

Thanks!

Works 100%

I looked over it like 500 times!

Thanks for the speedy response!

CraDae wrote:Thanks!

Works 100%

I looked over it like 500 times!

Thanks for the speedy response!

No problem glad to help, it had my head doen in when i first started with OC i just kept looking through file then notice that bit changed it and it worked.

a good way to tell which divs you need to edit in the styleesheet is by using something like internet explorers developer tool, you can use it to select parts of the page and it will tell you what the div id or class name is

I know your question has been answered, but thought I would just mention somthing that I had read the other day, might be worth considering:

The article was by a marketing company, and they suggested to not use a big logo. The reason they gave was because your website is not about your company, it is about your visitors/clients.