Image cut off on mobile with Dawn theme

Store Design
,
1

Hello, Iā€™m hoping someone might be able to help me with please, I have tried searching the community but cant find anything similar.

In the Recently Viewed section of my cart, the images all look fine on desktop and the mobile view of customisation, but when i open the site on my iphone, the image is cut in half with white space.

Screenshot 2024-05-20 at 8.28.40 pm.png
Screenshot 2024-05-20 at 8.28.40 pm.png730Ɨ1144 362 KB

IMG_B3B2B5CE3F9E-1.jpeg
IMG_B3B2B5CE3F9E-1.jpeg1170Ɨ2223 113 KB

https://eserdiv.com/

Thank you in advance.

2

Hi @eserdiv ,

You can try this code by following these steps:

Step 1: Go to Shopify Admin ā†’ Online Store ->Theme ā†’ Edit code

BSSTechVenture_1-1716202737999.png
BSSTechVenture_1-1716202737999.png1902Ɨ899 133 KB

Step 2: Search file base.css, theme.css or styles.css

BSSTechVenture_2-1716202743808.png
BSSTechVenture_2-1716202743808.png1916Ɨ934 101 KB

Step 3: Insert the below code at the bottom of the file ā†’ Save

@media (max-width: 600px) {
  .card__media .media.media--transparent {
    padding-bottom: 0 !important;
  }
}

Here is result:

BSSTechVenture_0-1716202688442.png
BSSTechVenture_0-1716202688442.png694Ɨ801 175 KB

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:

1 Like
3

Thank you so much! It worked! Appreciate you

1 Like