Shopify themes, liquid, logos, and UX
Is is possible to present the collections in two-columns on mobile? Its kinda with two column bot one product remains alone on top
Solved! Go to the solution
This is an accepted solution.
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
This is an accepted solution.
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
Can it be done to the products below as well?
Thanks do you mean like this?
yes, how do i make it like this?
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%;
}
}
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024