RWD - header logo is scaled to 280px

[joel_s]

Hi!

I use the rwd theme, and have made a logo which I have specified in System - config - design.

The logo is scaled to 280px.  With the default theme, I think the logo is shown in original dimensions, but it doesn't seem to be the case with rwd. It is bigger in tablet size though.

In the css, on ".page-header-container " it says:

max-width: 35%;

If I remove that, nothing happens (other changes take effect though)

The header template is in

app\design\frontend\rwd\default\template\page\html\header.phtml

Any thoughts on why this happens or where I can change it?

[joel_s]

Allright, I just found it.

It was the .logo class which was set on an <a> element wherein the image was.

So I changed these default settings:

.logo img {
  max-width: 35%;
}

and

@media only screen and (min-width: 771px) {
  .logo {
    max-width: 300px;
    min-height: 90px;
  }

[hippytyre]

Hello,

Looks like you had the same problem i have. I'm trying to adjust the size of the logo and i've tried to follow what you suggested without luck.

do I edit

magento/skin/frontend/rwd/default/css/skin.css with your changes?

Thanks

[joel_s]

Not if you are using your own theme (your own folder in rwd/default ). Then you edit the css you copied to your theme.

But if you are working directly on rwd default, you can try changing something, like the body background color, to see if it changes.

Otherwise you can check  "system - config - design - theme" to see what theme you have activated (on default).

I believe the best thing is to use to use your own theme based on rwd, so the original is unchanged.

[joel_s]

edit: And by the way, those css setings above were of course the default settings.I changed them to:

.logo img {
  max-width: 100%;
}

and

@media only screen and (min-width: 771px) {
  .logo {
    max-width: 500px;
    min-height: 90px;
  }

[hippytyre]

Thanks Joel,

I managed to get it working and now the logo is larger and better looking.

Callum