Hey, I have an image that I’ve placed in my custom liquid section on Shopify. The image is the correct size on desktop but on mobile its way too small. How can I fix this?

Sorry, my bad. Please update code like this @media screen and (max-width: 749px) { img { width: 100% !important; } }

For easy to check your issue, you can provide store’s url here, if your store is protecting by password you can provide too. About your issue i think you can fix it via css.

Hey Joseph https://gigachew.com.au/password Password: lytral

Hi @LiamP191 You can solve it by adding this CSS code in Custom CSS of that image section in your product customize @media screen and (max-width: 749px) { .img { width: 100% !important; } } [Screenshot 2023-09-11 at 10.53.20.png]

Hey Dan, I did what you said but it didn’t do anything. Please see [Capture.PNG] screenshot

Thank you so much for helping Dan!

Hey Dan, IF you know why possibly you could help with this too. On my home page there are images that go blurry when In mobile view. Is that something you know how to fix?

It might only be in the mobile editor on desktop, here it is though. [2222.PNG]

How to resize an image for mobile in a custom liquid section?

Store Design

Dan-From-Ryviu February 29, 2024, 7:10am 14

Hi @Jayzeeforshort

Unfortunately, I cannot access to your store.

Topic		Replies	Views
How to make this custom liquid image src fit on mobiles Store Design design , customizations , landing-page , css , shopify-themes , html , product-page	3	30	July 16, 2024
How can I adjust the size of a mobile slideshow section? Store Design	3	53	August 15, 2021
How to change custom liquid image size for mobile only Store Design	2	45	September 15, 2022
Help with sildeshow image sizing Shopify Discussion troubleshooting , shop-performance	3	35	May 14, 2025
How to change the image size of my slideshow (only for mobile version) Store Design design , css	2	36	October 14, 2024

How to resize an image for mobile in a custom liquid section?

Related topics