Hi, I’m having issues with my product images on Dawn 12. All product images are smaller than the first main image and are out of order on mobile. There was some custom code added, so not sure if that caused the issue. Any help is much appreciated! https://crosbyaudio.com/products/tunemate

Hi @crosbyaudio This is Mike from Omega You can try my solution to resolve your issue Open Theme → Edit code Find the file section-main-product.css and find the code on line 647 and remove the code in the red box [MikeOmega_0-1704379929691.png] Hope my answer will help you Mike from Om…

Hi @crosbyaudio , Your first problem is that the following images are smaller than the first. This is affected by the CSS code you added to the base.css file. Please delete this code so that the images display equally: .grid--2-col-tablet .grid__item { width: calc(50% - var(--grid-desktop-ho…

Thanks Mike, this worked to solve the issue on my shop!

Why are my product images on Dawn 12 smaller and out of order on mobile?

Store Design

crosbyaudio January 4, 2024, 4:03pm 3

It just made the main image small, so unfortunately doesn’t fix my problem. Thanks for trying.

Topic		Replies	Views
Images dont show mobile version Dawn theme Technical Q&A design , css , shopify-themes , troubleshooting , shopify-theme	6	111	December 19, 2025
Dawn Theme ok on mobile but on desktop the product images are to small? Store Design	2	44	October 27, 2021
How to fix image display issues on Dawn theme for mobile? Store Design design , product-page	5	96	October 6, 2023
Noticeable gap on Dawn theme between product image and number of images on mobile Technical Q&A	4	77	June 30, 2022
Dawn theme (mobile). Product images not centred Store Design	1	56	July 26, 2022

Why are my product images on Dawn 12 smaller and out of order on mobile?

Related topics