Shopify themes, liquid, logos, and UX
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?
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.
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?
Can I take a look, would you mind to share your store URL? Thanks!
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
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Find Global Growth Opportunities For Your Business with Shopify AcademyLearn how to exp...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025