Mobile image

[apple]

Hi, how do I make my images on mobile responsive and proportionate? The images look a bit elongated and compressed on mobile screen. Please see file attached. Left is normal and how it should be like. Right image when view on mobile. It appears squoze and elongated.
Thanks

[dbs]

Hi, in your css file should be a part for all images like this:

Code: [Select]

img {
  max-width: 100%;
  height: auto!important;
}

[apple]

Doh, I overlooked "height: auto!important;" Thank you very much!

One last question. Is it possible to isolate certain image rendering on moblle screen? For example, the header image. I want only the header image stretch across the screen.
Thanks

[crnogorac081]

Make class from this for example .wide {... css code from below} then to header image add class > class="wide"

[apple]

Thank you