Minimal theme displays 1 column on mobile. How to get multiple columns on mobile?

[bhavik121]

  In Mobile versions, i can only see 1 product in a screen how to enable multiple products on the mobile screen??

[KetanKumar]

@bhavik121 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[bhavik121]

Hi Ketan,

Thanks for response

Website link: https://aadar.co/collections/products

I request you to have a mobile view

I tried to increase columns in the theme setting but it not working for mobile so, please help

[KetanKumar]

@bhavik121 

Thanks for details 

1. Go to Online Store->Theme->Edit code
2. Asset->/responsive.scss.liquid->paste below code at the bottom of the file.

@media (max-width: 767px) {
.category-products .products-grid .item {
    width: 50%;
    flex: 0 0 50%;
}
}

[bhavik121]

Thanks, Ketan for helping us.

Your solutions work well. 

Can you please suggest to us how to popup the "cart items" when the customer clicks on the "Add to cart" button?

You can try on our website: https://aadar.co/collections/products

[KetanKumar]

@bhavik121 

Thanks but it's working now