A user running the DAWN theme reports that product images appear too small on mobile devices, with the layout overly constrained. They provided comparison screenshots showing their current mobile view versus a desired larger image display.
Proposed Solutions:
base.css fileOutcome:
The original poster confirmed the CSS solution worked and expressed gratitude. The issue appears resolved through the custom code implementation rather than requiring a theme change.
Hello, we are currently using DAWN. The product images on mobile devices are way too small. It seems that the image is restrained too much on product pages. The screenshot on the left is how our current product page looks like. However, we would really like to make it look more like the example on the right.
Just wondering if anyone could help. Thanks so much.
share your store url also password if it is protected
Your best bet is switching to a different theme, if you don’t like the way your products look on mobile, using the Dawn theme.
Hi @jupiterrx
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
@media (max-width: 767px){
ul#Slider-Gallery-template–19339770003737__main {
scroll-padding-left: 0 !IMPORTANT;
width: 394px !IMPORTANT;
}}
Hope that my solution works for you.
Best regards,
Henry | PageFly
That works. Thank you so much!
