Category Section Layout: Mobile Views

[Sheeks]

Hi! Can I ask for more help?

1. The Shopify shop, I mean the one I work on, looks like the first screenshot. However, the appearance on mobile different.

SHOPIFY (Mobile)

MY STORE (phone)

 This freak me out, I am not sure what to do. I have reached theme developer but nothing they can do. so i come here
pls help me

[suyash1]

@Sheeks - have you set products to be viewed as slider in customize settings? do you have that option?

[Sheeks]

Yes, I already click swipe

but weirdly mobile view in shopify is diff from my own phone

[suyash1]

@Sheeks  please add this css to the very end of your base.css file and check,
Shopify Admin -> Online Store ->Theme -> Edit code -> base.css

@media (max-width: 767px) {
    .categories-box-list.mobile-swipe {
        grid-auto-flow: column;
        grid-auto-columns: minmax(calc(33vw - 40px), 1fr);
        overflow-x: auto;
        scroll-snap-type: x mandatory;
        grid-template-columns: unset;
        padding-bottom: 10pX;
    }
}

[Sheeks]

Sadly, its not working

[suyash1]

@Sheeks - not seeing the code added, can you please add it to live theme? or accept me as collab? I will need theme rights

[Sheeks]

I already add, n its stays the same. so i remove it bfr i forget it
yes u can send me collaborate request, ill accept from there

[suyash1]

@Sheeks - can you give me collab code? if you want then you can send here or on email below