How to adjust image size on mobile view

[MichelleFourie]

Hi, 

My images look perfectly fine on desktop view, but the moment I switch over to mobile view it enlarges/crops the image. Does anyone know how to make the images responsive for desktop and mobile view?

Or just so that it views correct on both screens?    

[zack_dev]

Hi the images will become too small for mobile with current resolution so in order to preserve height it is currently zooming the image . 

You can try to make 2 image versions on sections that will require code changes to section or you could set the object-fit:contain; to css for the images it will not zoom and display images in desktop aspect ratio.

[MichelleFourie]

Hi, thanks so much! My knowledge on coding is very limited, do you perhaps have the code that I need to insert or know where I can get it?

[Made4uo-Ribe]

Hi @MichelleFourie 

Can I take a look, would you mind to share your store URL? Thanks!

[MichelleFourie]

Hi!
Thanks so much!
https://e0a2ee-29.myshopify.com/

[PageFly-Noah]

This is Noah from PageFly - Shopify Page Builder App

I can help you. Please can you provide the website url. Thank you.

Best regards,

Noah | PageFly

[MichelleFourie]

Hi Noah,

Thanks so much! 
https://e0a2ee-29.myshopify.com/