Hello, I’m using the warehouse theme and looking for assistance in showing 2 columns of mosaic/promotion blocks in mobile view. Currently, it is only showing one as shown below. Can someone please assist with it?
hi @AmeerAli ,
Can you please give the link of store, then i will check and provide the solution for you, thank you!
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.
Hi @AmeerAli ,
Go to Assets > theme.css and paste this at the bottom of the file:
.mosaic {
display: flex;
}
.mosaic__column {
display: flex;
flex-direction: column;
flex: 1 0 0%;
}
Hope it helps!
The URL is www.theplanetjunior.com
Hi @AmeerAli ,
Please change code:
@media screen and (max-width: 999px) {
.mosaic__column {
display: flex;
}
.mosaic__column .mosaic__item {
flex-direction: column;
flex: 1 0 0%;
}
.mosaic__column .mosaic__item .button {
padding: 0 15px !important;
font-size: 12px !important;
}
}
it will show like this:
Hope it helps!
Thank you for the code! It is working fine 
However, the third block (New Arrival) is still showing as a single block. When I try to hide it, the first two turn into single blocks. Can I do something about it so all can show in two columns?
Further, can I do the same with promotional blocks which is currently showing one column if I stack them for mobile view?
Hi @AmeerAli ,
If you want to hide it on mobile you can add the following code:
@media screen and (max-width: 999px) {
#shopify-section-template--15788653117691__16478112911b3fb665 .mosaic__column:nth-child(2) {
display: none !important;
}
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.