cancel
Showing results for 
Search instead for 
Did you mean: 

RWD - header logo is scaled to 280px

RWD - header logo is scaled to 280px

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?

5 REPLIES

Re: RWD - header logo is scaled to 280px

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

Re: RWD - header logo is scaled to 280px

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

Re: RWD - header logo is scaled to 280px

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.

Re: RWD - header logo is scaled to 280px

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

Re: RWD - header logo is scaled to 280px

Thanks Joel,

 

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

 

 

Callum