FROM CACHE - en_header

Boundless Theme How do I change the grid layout of collections pages from 2 to 3, 4, etc

New Member
8 0 0

This is one of my collections pages

On a PC it just looks so big. The grid is currently 2 colums by 12 rows.

How can I change it to 3 or 4 per row?

Replies 3 (3)
Shopify Partner
2683 387 1050

Hello, @Moma420 

Welcome to the shopify Community.
Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

#shopify-section-collection-template .collection-grid {
    display: flex;
    flex-wrap: wrap;
@media only screen and (min-width: 750px) {
#shopify-section-collection-template .collection-grid .product-item grid__item {
width: 25% !important;


New Member
8 0 0

hmmm... i did as you said but nothing has changed.

actually found solution from someone else, but thanks!

Shopify Partner
2302 569 1407

hello @Moma420 

here is for second solution insert below code 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.


.template-product  #shopify-section-product-template .product {
    max-width: 1200px;
    margin: 0 auto;

.template-product  #shopify-section-product-template .product  .product__photo .grid__item{
    padding: 12px;
    margin-top: 12px;



Want to theme customize contact us E-mail : | Whatsapp
Build your professional store with GemPage Page Builder