Thumbnail spacing on product page Debut Theme

manita
New Member
9 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!

0 Likes
paramSoft
Shopify Partner
1434 234 642

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%;
}
}

 

 

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
manita
New Member
9 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!

 

0 Likes
paramSoft
Shopify Partner
1434 234 642

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

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com