How to display three collections per row on mobile view?

[Digital_Imran]

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

[ThePrimeWeb · Accepted solution]

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%;
    }    
}

[Digital_Imran]

Thank you so much @ThePrimeWeb  🙂

[HelplessSoul77]

Where do you insert this code?