How can I arrange two collections in a row using the Dawn theme?

[nadavhalevi]

hello

Im using dawn theme and i want to put 2 collection in a row instead of 1 like in the picture in mobile.

in desktop i want to put 4 instead of 2 like in the photo. how can i do that?

[KetanKumar]

@nadavhalevi

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

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

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

[nadavhalevi]

@KetanKumar

marymoorejewelry.com

password 1234

[KetanKumar]

@nadavhalevi

thanks for url, can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/section-collection-list.css ->paste below code at the bottom of the file.

@media screen and (max-width: 749px){
.collection-list .collection-list__item {
    width: calc(50% - 3rem);
}
}

[nadavhalevi]

@KetanKumar

Its not working

[nadavhalevi]

@KetanKumar

on PC it not working

[KetanKumar]

@nadavhalevi

this code work on mobile please

[nadavhalevi]

@KetanKumar yes works on mobile