Resize/show another logo for Mobiles.

Hi,

I would like to change the size of the mobile logo since it's too big on mobile devices.

If possible I'd like to use a completely different logo.

I have tried to edit mobile.css by changing #GkLogo to something like this:

Code: Select all

#gkLogo {
width: 60%
margin-left: 10px!important;
}


That didn't work tho so I tried adding this.

Code: Select all

#gkLogo.imageLogo {
width: 60%
}

Finally I tried this with no luck.

Code: Select all

#gkLogo.image {
   width: 20%
}   


Can you tell me where, and how, to make the logo smaller on mobiles in portrait view(320x480) or how to show another logo only for mobiles?

Thanks in advance.

Hi

First of all pleas show me Your site so I'll be able to see which type of logo You use.