Collection with two columns on mobile

Solved
vernequeneto
Tourist
7 0 2

Is is possible to present the collections in two-columns on mobile? Its kinda with two column bot one product remains alone on top

https://strongr.team

Screen Shot 2021-01-22 at 14.37.23.png

KetanKumar
Shopify Partner
14494 1670 5204

This is an accepted solution.

@vernequeneto 

Thanks for post 

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

@media only screen and (max-width: 589px) {
.grid-overflow-wrapper .grid__item:first-child {
    margin-left: 0;
}
}

After code view

KetanKumar_0-1611371557243.png

 

 

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
vernequeneto
Tourist
7 0 2

Can it be done to the products below as well?

 

Screen Shot 2021-01-23 at 08.28.31.png

KetanKumar
Shopify Partner
14494 1670 5204

@vernequeneto 

Thanks do you mean like this?

KetanKumar_0-1611432774157.png

 

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
vernequeneto
Tourist
7 0 2

yes, how do i make it like this?

0 Likes
KetanKumar
Shopify Partner
14494 1670 5204

@vernequeneto 

Thanks for it 

@media only screen and (max-width: 589px) {
#CollectionSection-160967259129561232 .grid-overflow-wrapper .grid {
    margin-left: -22px !important;
}
#CollectionSection-160967259129561232 .small--one-half {
    width: 50%;
    flex: 50%;
}
}
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