Display collections side by side instead of stacking them on main page on mobile?

Highlighted
Tourist
5 0 2

Hi everyone!

I am trying to make it so that we can use "featured collections" on our main page. I would like them to be 2x2 next to each other instead of stacking. 

Right now we are using Startup and Pacific, both Pixel Union themes. I can't get any answers from them at the moment. 

Thanks!

Highlighted
Shopify Partner
9381 1186 3287

Hello, @brookeatgravel 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
Tourist
5 0 2

Thank you so much for your response. Here is a preview of the theme: 

https://www.graveltravel.com/?_ab=0&_fd=0&_sc=1

0 Likes
Highlighted
Shopify Partner
9381 1186 3287

@brookeatgravel 

Thanks for it

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media (max-width: 720px) {
.row-of-1 .home-collection-list-item, .row-of-2 .home-collection-list-item, .row-of-3 .home-collection-list-item {
    width: 50%;
    margin-top: 0;
    margin-bottom: 20px;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes