Noticeable gap on Dawn theme between product image and number of images on mobile

Technical Q&A
1

I just spoke to shopify support and they told me that there currently isn’t any fix for the noticeable gap between the product image and the number of images on mobile, and that if they touched the code, it would mess with the way the images appeared on desktop. I’ve looked at other stores that use the dawn theme and I haven’t seen the gap.. So, am I stuck with the gap ? It also isn’t an issue with the photos since all my photos are equal in size. I’m not sure what to do.

Screen Shot 2022-06-24 at 7.26.03 PM.png
Screen Shot 2022-06-24 at 7.26.03 PM.png820×376 53.9 KB

2

Hi @Dharma91 ,

Please provide your website so we can inspect

3

Hi @made4Uo Here’s the link to a product with the default Dawn theme

https://lavajewels.com/products/bfs-mom-love-knot-necklace

4

Hi @Dharma91 ,

Thank you for that. Please follow the instructions below

  1. Go to Admin > Online store > Themes > Actions > Edit code
  2. Go to Asset folder, and open the base.css file
  3. Add the code below.
@media only screen and (max-width: 750px) {
.product__media-list.contains-media.grid {
    padding-bottom: 0;
    margin-bottom: 0;
}
}
1 Like
5

Thank you so so much !! I had been looking for a fix for around a week or so and this worked amazingly. Thank you thank you!! @made4Uo

1 Like