How to adjust image size on mobile view

MichelleFourie · ‎05-06-2024

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 · ‎05-06-2024

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.

- Helpful? Like or Accept solution, - Buy me Coffee ☕

-

Contact me

MichelleFourie · ‎05-07-2024

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 · ‎05-06-2024

Hi @MichelleFourie

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

If this fixed your issue, Likes and Accept as Solution are highly appreciated. ☕ Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.