How to show only one product in a row on mobile instead of two?

Store Design
,
1

I am using the Wokiee theme - it allows me to change the number of products in a collection row on desktop, but on mobile there are 2 products per row by default. How can I change this?

Site: https://thebigcoinshop.myshopify.com/

Pass: roll

thanks for any help

2

@baxter88 in customize->Default collection-> Numbers of column in mobile from here you can set 1 product in row in mobile device

Ujjaval_0-1681365573905.png
Ujjaval_0-1681365573905.png1600×786 237 KB

3

Hey Ujjaval,

Thanks for your reply- but on my theme I currently do not have the option to do that

4

@baxter88 add below css in theme.css file

@media (max-width:425px)
{
.col-6 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
}

Ujjaval_0-1681367041979.png
Ujjaval_0-1681367041979.png427×620 53.9 KB

5

Thank you. You are a legend