[Brooklyn] Product page doesn't stack properly on mobile

Solved
GoZero
Tourist
7 0 2

The product page stays in 2 columns on mobile. How can I make it stack properly?

go-zero-recycle.myshopify.com
GoZ3r00128!

0 Likes
Ninthony
Shopify Partner
1627 224 611

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;
  }
}
If my solution helped you, please like and accept as solution!
If you'd like to make any edits to your store, please send me a personal message and we can discuss what you'd like to accomplish :D
0 Likes
GoZero
Tourist
7 0 2

Worked perfectly, thanks!

0 Likes