How to remove padding around product images on mobile dawn theme

Store Design
1

Hello,

I want to remove all of the padding around every product image on mobile view. I tried a fix before but it only affected the very first image. For reference theme is Dawn 15.0.1.

Here is my website url: https://f7720b-59.myshopify.com/products/melody-cap-sleeve-mini-dress

This is what I want it to look like for all product images:

IMG_1208.PNG
IMG_1208.PNG645×1398 1.02 MB

Any help is appreciated thank you!

1 Like
2

Hi @kdop10 ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

This worked great! But the images don’t fill to the edge of the screen. Are you able to include that as well? Thank you.