WebsiteBaker Support (2.13.x) > General Help & Support

Mobile image

(1/1)

applepie:
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: ---img {
  max-width: 100%;
  height: auto!important;
}
--- End code ---

applepie:
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"

applepie:
Thank you  (Y)

Navigation

[0] Message Index