Post by CraDae » Mon Aug 08, 2011 3:34 am

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:

Image

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 ;D

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

New member

Posts

Joined
Mon Aug 01, 2011 11:24 pm

Post by MatthewB » Mon Aug 08, 2011 3:43 am

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.

Matthew


Active Member

Posts

Joined
Sat Jul 23, 2011 5:18 am
Location - Sunderland Tyne and Wear

Post by CraDae » Mon Aug 08, 2011 3:55 am

Thanks!

Works 100%

I looked over it like 500 times!

Thanks for the speedy response! ;D ;D ;D

New member

Posts

Joined
Mon Aug 01, 2011 11:24 pm

Post by MatthewB » Mon Aug 08, 2011 3:56 am

CraDae wrote:Thanks!

Works 100%

I looked over it like 500 times!

Thanks for the speedy response! ;D ;D ;D

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.

Matthew


Active Member

Posts

Joined
Sat Jul 23, 2011 5:18 am
Location - Sunderland Tyne and Wear

Post by SXGuy » Mon Aug 08, 2011 6:49 am

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 :)

Active Member

Posts

Joined
Sun Nov 08, 2009 2:07 am

Post by mrpetem » Tue Aug 09, 2011 2:19 pm

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.

Newbie

Posts

Joined
Tue Aug 09, 2011 11:09 am
Who is online

Users browsing this forum: No registered users and 4 guests