Set 2 products per row in all collections in mobile version

Store Design
,
1

Hi I am using alchemy theme and I want to set 2 products per row in all collections only in the mobile version regardless the number of products per row is in the desktop version. In theme customiser I am only able to set the desktop products per row and it chooses accordingly how many per row in mobile (its either 1 or 2)

I want to make it always 2. How can I do that?

https://wasmamansour.com/collections/candles

1 Like
2

Hi @nalnowaeam ,

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

@media screen and (max-width: 767px) {
    .filters-results .card {
        width: calc(50% - 20px) !important;
    }
}

I hope it would help you

3

I’m want to do the same, but I’m confused because I can’t find a styles.css folder under assets. (I’m using the dawn template.) Does it have a different name in Dawn theme?