Currently, porducts that have 2 images ony, the main product pages showing first image in full size and the second image is showing under it in half size. How can I have all images showing in full size
Topic summary
Goal: Make all product images display at full size in the Dawn theme’s stacked product layout, instead of the second image appearing half-size.
Proposed fix: Add a CSS media query targeting desktop widths that sets .product–stacked .product__media-item to width: 100% and max-width: 100%, originally suggested to be placed in theme.liquid after the tag.
Requests: Multiple replies asked for the store URL (and password if applicable) to analyze the issue directly.
Latest update: The CSS did not work when added to theme.liquid, but did work when added to the “base” file (likely the main stylesheet, e.g., base.css). This suggests the fix requires placement in the stylesheet rather than theme.liquid for proper loading/precedence.
Context: An attached screenshot illustrates the half-size second image behavior.
Outcome/Status: A working implementation is reported via the base file. No further changes or conflicts were noted; the thread appears resolved unless deeper analysis is still requested via URL sharing.
Hello, @surewaydm
Welcome to the Shopify Community.
I read your problem and it seems that I need to analyze your website to provide the solution here.
Would you please share your website URL and if your website is password protected then also provide the password.
Hi @surewaydm
You can do that by adding this code to your theme.liquid file, after
@media (min-width: 990px) {
.product--stacked .product__media-item {
max-width: 100% !important;
width: 100% !important;
}
}
Share url
It idid not work on the theme file but on the base file.