Dawn theme - product imagary slider on desktop instead of large images.

jecbon
Explorer
60 0 23

On desktop product images are very large and i want them to be a bit smaller and multiple images into thumbnail slider below the first image. 

Replies 3 (3)

Zworthkey
Shopify Partner
5581 642 1565

@jecbon 
Paste this code on top of base.css file.

@media screen and (min-width: 750px){
.grid--2-col-tablet .grid__item {
    width: 25% !important;
}
}
.grid--1-col .grid__item {
    max-width: 76% !important;
}
jecbon
Explorer
60 0 23

jecbon_0-1635590554078.png

it makes it like that ( side by side). i want one image full size. then one below it with the sliders like on mobile.....

 

 

Zworthkey
Shopify Partner
5581 642 1565

@jecbon 
Paste this code on top of the base.css file.

@media screen and (min-width: 750px){
.grid--2-col-tablet .grid__item {
    width: 25% !important;
}
}

Thank You.