Ive been struggling with trying to change the number of product columns on my shopify store on my mobile site. My desktop site has 3 product columns and my mobile site only has 1 when I browse products. Please help on how to change the number of columns on the mobile site. Thank you!
Sorry you are facing this issue, it would be my pleasure to help you.
Welcome to the Shopify community! 
Thanks for your good question.
Please share your site URL,
I will check out the issue and provide you a solution here.
Thank you for your help!
thanks for store url can you please try this
- Go to Online Store->Theme->Edit code
- Asset->/index.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second
@media (max-width: 38em) {
.collection__products .grid-display {grid-template-columns: repeat(2,1fr);}
}
After Code Layout
