Resize Product images on mobile Dawn Theme

Resize Product images on mobile Dawn Theme

Ulysse12342
Excursionist
42 0 9

Hello, 


I would like to remove the spacing on the left and right and the spacing at the top and bottom of the images so that the image takes up all the space on mobile, but I don't know how to do it.

Does anyone know how to do this please? 

Here is my website: https://pqd9ge-cs.myshopify.com/products/brightening-eye-cream

 

ScreenShot Tool -20250314133849.png

Replies 5 (5)

wahab-jnab
Tourist
4 0 1

Hello @Ulysse12342 
You can crop your images. and always use square images for products, 1080x1080, and convert images into webp.

Ulysse12342
Excursionist
42 0 9

And if I want to keep this format, I just convert it in webp and it should be good? 

ShishirHelps
Shopify Partner
82 3 5

@wahab-jnab 
The store is password protected. can't access.
If you want to adjust the image, you will need some custom code on Dawn theme.

Here is the example of my recent client, a Boutique Shopify store.

https://timberkids.com/products/honey-bee-anatomy-timber-tile-matching-colouring-in-card

 

Look at the mobile version of the product image. It's perfectly optimized for mobile. Also, it's optimized for Upsell, and Bundle features. check the other sections design. 


- I'm Shishir Hasan a Shopify Store Designer | CRO specialist.

- Need my help?

+8801762785429 (WhatsApp) || Work with Upwork


- If this solves the problem, please don't forget to Mark it as Solution!
Ulysse12342
Excursionist
42 0 9

Sorry I forgot to remove it, should be good now 

 

Ulysse12342
Excursionist
42 0 9

It's something like your customer that I'm looking for