Images not responsive

How do you make the images to scale down for mobile phones? I have some images that are around 450 - 600 pixels wide and the are cut-off on my iphone. I do not want them to stretch across the page on my laptop (ie: I do not want it 100% width of page), only to scale down for the phone.
Thanks,
Susan

 

Hello,

Do let us know your website link.

Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,

The website is: http://queenspark.torontopigsave.org/

I would like the green image on the bottom of the home page to resize as well as the images on the other pages.

Thanks,
Susan

 

Hello,

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

Code:

 .index-fullwidth img {
width: 87%;
}

Thanks & Regards
Gourav Shrivastava

 

Hi Gourav,

That resizes the image on the main page, but not on any of the other pages. Is there code I can wrap around the individual images that would resize each of them? Do any of the Inkthemes responsive themes resize the images on the pages?

Thanks,
Susan

 

Hello,

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

Code:

.main-content .fullwidth img {
max-width: 100%!important;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Hi Nitesh,

The images fit now, but they are stretched. How do I fix this to maintain the aspect ratio?

For example on these pages:
http://queenspark.torontopigsave.org/cruelty/
http://queenspark.torontopigsave.org/infographic/

Thanks,

Susan

 

Hello Susanb,

I missed it.
Please add height: auto with previous css code.
So code should be

Code:

.main-content .fullwidth img {
max-width: 100%!important;
height:auto;
}

Thanks & Regards
Nitesh Raghuwanshi

 

Hi,
I have the same problem on logo in the home that doesn't resize on mobile phone (see http://www.responsinator.com/?url=carmotex.com) althought I did the previous fixes.

Website url : http://www.carmotex.com

Thanks,
Benoit

 

Yes !
I fixed it adding :

.header .logo img {
max-width: 100%!important;
height:auto;
}
to custom css

Thank you for your job and support