Debut Theme: Change number of Thumbnails on Product Page

New Member
1 0 0

Currently, the debut theme has 4 images per row underneath the product image as thumbnails.

Is there anyway to change it to 5 per row?

Thanks in advance



1. In your Shopify Admin go to: online store > themes > actions > edit code
2. Find Asset > theme.scss and paste this at the bottom of the file.

Please leave a Like if it works for you and accept as the solution.

Thank You!


@media only screen and (min-width: 990px){
.product-single__thumbnails-item--medium {
    flex: 0 0 20% !important;



Zeian Shahzad | Designer | Developer
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Email: