The product page stays in 2 columns on mobile. How can I make it stack properly?
go-zero-recycle.myshopify.com
GoZ3r00128!
Solved! Go to the solution
This is an accepted solution.
You can add this to the bottom of your theme.scss.liquid file in your assets folder:
.grid.product-single {
display: flex;
flex-direction: column;
}
@media(min-width: 589px){
.grid.product-single {
flex-direction: row;
}
}
User | Count |
---|---|
546 | |
209 | |
125 | |
80 | |
41 |