Request to stack product images vertically on a Shopify product page using the Dawn theme, matching a reference site; links and screenshots provided for context.
Proposed solution: add a Custom CSS rule in Online Store > Themes > Customize > Theme settings. The CSS targets desktop screens (min-width 990px) and sets .product–stacked .product__media-item to 100% width (max-width: 100%; width: 100% with !important) so images stack full-width vertically.
Outcome: Original poster acknowledged with thanks; no further issues or alternatives discussed, implying the fix worked.
Notes: Screenshots were used for visual comparison; the change specifically addresses desktop behavior. Mobile layout or other theme implications were not covered. No additional steps, scripts, or liquid edits were required.
Hello,
I’ve tried looking on the shopify community and using chatgpt to get a code that makes the images on the product page stacked like on this webpage: https://wpstandard.com/products/the-briefcase?variant=39903214108809
here is my product page: https://r1vex.myshopify.com/products/byggklossar-pastellfargade
pass: 1
my product page:
on wpstandard:
Hi @manbru
You can do that by adding this code to Custom CSS in Online Store > Themes > Customize > Theme settings
@media (min-width: 990px) {
.product--stacked .product__media-item {
max-width: 100% !important;
width: 100% !important;
}
}
Thanks bro!
Very welcome!