Collection with two columns on mobile

[vernequeneto]

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

[KetanKumar · 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

[vernequeneto]

Can it be done to the products below as well?

[KetanKumar]

@vernequeneto 

Thanks do you mean like this?

[vernequeneto]

yes, how do i make it like this?

[KetanKumar]

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