How to have 2 products in one row on my moblie collection page

Store Design
1

Im trying to have 2 products showing in a row in my collections page on mobile.

At the moment there only 1 product per row.

Ive tried a few different codes but can’t seem to find the right one.

Im using the narrative theme.

1 Like
2

@Andrew_Neil

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Thanks I’d appreciate that!
The url is: https://mndsetmatters.com/
Password: abc123

4

Hi @Andrew_Neil ,

Go to Assets > theme.scss.liquid and paste this at the bottom of the file:

@media only screen and (max-width: 749px){
	.collection-template .card-list__column{
		display: flex;
		flex-wrap: wrap;
		padding-left: 0px !important;
	}
	.collection-template .card-list__column .card{
		width: 50% !important;
		padding-left: 20px !important;
	}
}

Hope it helps!

1 Like
5

Wow thank you very much been trying to sort that all night!

1 Like