Hi,
The industry standard seem to be to have the product image on the left side, but dawn theme puts product images on the right side. Could someone tell me how to move the product images to the left side with thumbnails on the left? THANK YOU!!
website is wearlimelight.com
its looking like 3rd app to do that, i don’t know any option with that on dawn
Hello @limelight91 
Inside Shopify Admin, you can go to Edit theme code, open file base.css and add this code at the bottom
.product__media-wrapper.small-hide {
order: -1;
padding-right: 5rem;
}
The result
Hope it helps!
Hi @limelight91 ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file section-main-product.css
Step 3: Paste the below code at the bottom of the file → Save
@media(min-width:767px){
.product.product--small.product--right.product--thumbnail_slider.product--mobile-show.grid.grid--1-col.grid--2-col-tablet{
flex-direction: row-reverse !important;
column-gap: 8px !important;
}
}
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
Hi Zeno, unfortunately this did not work for me. I also tried to add !important to the code. Maybe I have other code preventing this from working?
Hi Oliver, in place of moving thumbnails to the left, do you know how to enlarge thumbnails to a larger size? I appreciate your help!
Hi,
Sorry for replying late. I checked and I see it worked fine
Hi Oliver, Moving to the left worked, but I was trying to make the thumbnails larger if you know how to do that.
You can try
@media screen and (min-width: 750px){
#MainContent .thumbnail-list {
grid-template-columns: repeat(2,1fr);
}
}
can you help me in impact theme?
Never mind - I found the solution.
Display images of thumbnails to left side:
