Logo for Mobiles

Hi,

How can I make my logo fit or shrink automatically for Iphones and other mobile devices. If I try to access my website trhough my Iphone the logo looks cut off.

Thank you in advance.

 

Please share the link of your website.
Thanks.

 

Hi Pyush,

I'm still on development process. Here it is:

http://beach-agents.com

Thanks so much!

 

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

@media only screen and (max-width: 767px) and (min-width: 480px){
.header .logo img {
width: 90%;
}
}
@media only screen and (max-width: 480px){
.header .logo img {
width:90%;
}
}

 

Worked like a beauty. Thank you!