How can I display two collections side by side on mobile?

Store Design
,
1

Hello, my theme does not offer me the ability to have two columns for collections on mobile, I would like to have two collections, side by side. Right now it is one collection, under it another collection, and they are full width. I would like them to be 50% and side by side,

I am on flow theme.

2

Hi @snoopy55

May I suggest to update code these steps:

  1. Go to Store Online-> theme → edit code

EBOOST_0-1674802790535.png
EBOOST_0-1674802790535.png1623×433 51.1 KB

  1. Layout/theme.liquid
  2. Add code below to bottom of file before tag
@media(max-width: 767px){
	#template--collection.collection-main-body-inner > .grid__item {
		width: 50%!important;
	}
}
3

Thank you for your help. I do not believe it worked, however…

4

Thank for your help. Although I do not believe it worked..

I want the collections to be in grid form, side by side, on mobile. Thanks

5

Hi @snoopy55

Could you share your store url and password? I will help to check it.