How to display only 1 product in mobile view?

Store Design
1

How can I change the number of products to be dislpayed in mobile view to only ONE product per row? Now it’s two.

I’m using atlantic theme and my url is www.sandranobreart.com.

Please please help! :heart:

2

Hello @sandranobre ,

  1. Go to Online Store->Theme->Edit code
  2. Asset->theme.scss.liquid-> paste bellow code in bottom of file
@media (max-width: 940px){
.template-collection .product-list.row-of-3 .product {
    width: 100% !important;
}
}

Thanks

3

Works! Super super THANK YOU!

4

So after some changes in the design, I am back to where the products show 2 in a row instead of 1 (in mobile view). How come? How to get back on 1 product per row in mobile view?

HUGE THANKS!

5 
.template-collection .product-list .product {
    width: 100% !important;
}
6

Hi Guleria,

I’m facing the same issue, but with OS 2.0 (Dawn 2.4.0). How can I get there only 1 product in mobile view?

Thanks,

Gee Are