Thumbnail spacing on product page Debut Theme

manita
New Member
11 0 0

Hi all!

 

Can anyone suggest me a way to limit the number of thumbnails on a row on the productpage? By default, there are 4 thumbnails per row underneath the main image. I would like to have only two images per row. A line of code or some instructions would be greatly appreciated!

Replies 4 (4)

Hardik29418
Shopify Partner
2858 407 1073

Please place this  code at the end of theme.scss

@_media only screen and (min-width: 768px) {
.product-single__thumbnails li {
flex: 0 0 50%;
}
}

 

 

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email
manita
New Member
11 0 0

Hi Param!

 

Thanks for your quick reply. This line of code looks a bit off, and it doesn't work... Should the first part be different?

 

Thanks again for helping me!

 

Hardik29418
Shopify Partner
2858 407 1073

Please provide website url and if website is password protected then also provide password

- Need a Shopify developer? Chat on WhatsApp or EMAIL ME!


- Your Coffee Tip would do Magic code ❤️
- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Email