How to display three collections per row on mobile view?

Store Design
, , ,
1

As of now, the shopify theme mobile view only shows two collections per row, and you must swipe to see more collections (Collection list). I would like to show three collections per row and then swipe. Would you be able to help me? I am familiar with codes, so you can provide them to me.

Store URL: https://www.ozonzone.com

Our Collections (Mobile View)
Our Collections (Mobile View)618×575 90.8 KB

2

Hey @Digital_Imran ,

Try this

@media only screen and (max-width: 768px) {
    .collection-list {
        display: flex;
     
    }
    
    .collection-list a {
        flex-shrink: 0;
        flex-basis: 25%;
    }    
}
3

Thank you so much @ThePrimeWeb :slightly_smiling_face:

4

Where do you insert this code?