BROOKLYN THEME COLLECTIONS MOBILE VIEW

Solved
bwalk112
Excursionist
18 0 4

I would like the collections page to show two products per row on mobile. I was able to find this code;

 

@media screen and (max-width: 776px) {
.medium--one-half {width:50%;}
}

 

however, after using this code at the bottom of the timber.scss.liquid code, the layout has random gaps (as pictured below); any fixes to get rid of the random empty spots?IMG_5342.PNGIMG_5343.PNG

 

URL: Shopathena.co 

0 Likes
HardikDavra
Shopify Partner
2464 386 1037

This is an accepted solution.

@bwalk112 

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

#CollectionSection .grid-uniform {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

 

0 Likes
bwalk112
Excursionist
18 0 4

Works PERFECTLY, Thank You

0 Likes