How to display three collections per row on mobile view?

Solved

How to display three collections per row on mobile view?

Digital_Imran
Shopify Partner
217 2 33

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

 

screenshot (2).png

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
Accepted Solution (1)

ThePrimeWeb
Shopify Partner
2139 616 506

This is an 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%;
    }    
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!

View solution in original post

Replies 3 (3)

ThePrimeWeb
Shopify Partner
2139 616 506

This is an 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%;
    }    
}
Was I helpful?

Buy me a coffee

🙂

Need help with your store? [email protected] or check out the website
Check out our interview with Shopify!
Digital_Imran
Shopify Partner
217 2 33

Thank you so much @ThePrimeWeb  🙂

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.
HelplessSoul77
Excursionist
29 0 11

Where do you insert this code?