How to fix product display stacking in debut theme on mobile?

Store Design
, ,
1

Hi everyone, Im currently using the debut theme and for some reason my products are stacking on top of each other instead of having 2 products per row its just one. Ive enabled it to have 2 products a row but not working.

This is the website: https://sneakerscore.co.uk/

password: breadtimebaby

2

Hi @kaidickson ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/theme.css->paste below code at the bottom of the file:

@media screen and (max-width: 749px) {
    .grid--view-items {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }
    .grid--view-items .grid__item {
        width: 100%;
    }
}

I hope it would help you
Best regards,

Richard | PageFly