URGENT! I cant change the collections per row to 4 or 5 for desctop

[zakuntsart]

I made some code customization only for mobile devices and now I can't change the amount of rows in desktop and I have these giant images 

 @media only screen and (max-width: 767px) {
.collection-list {
grid-template-columns: 33% 33% 33%;
justify-content: space-around;
} */
}

https://simaxsports.com/

[Zqdo]

What code customization did you make?

[zakuntsart]

 @media only screen and (max-width: 767px) {
.collection-list {
grid-template-columns: 33% 33% 33%;
justify-content: space-around;
} */
}

[Zqdo]

Just took a look at your website, and the items seem to be 5 in a row now. Are you still facing this issue?

[Dan-From-Ryviu]

Please try to remove */ in your code and check again 

[zakuntsart]

does not work 😞

[INA_MSWEB]

Hi @zakuntsart 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:

@media screen and (min-width: 1000px){

#shopify-section-template--19142777962796__collection-list .collection-list { --collection-list-grid: auto / repeat(5, minmax(0, 1fr)) !important;}

}

@media screen and (min-width: 700px){

#shopify-section-template--19142777962796__collection-list .collection-list { --collection-list-grid: auto / repeat(4, minmax(0, 1fr)) !important;}

}

@media screen and (max-width: 699px){

#shopify-section-template--19142777962796__collection-list .collection-list { --collection-list-grid: auto / repeat(2, minmax(0, 1fr)) !important;}

}

Regards,

San

[zakuntsart]

almost works, but not all the collections are affected, some of them still have only 3 in row