Hi there,
the text column, in which I added already one so four now, shows in mobile one below the other.
That doesn’t look nice, so I would like just to have a swipe on mobile.
Hope to get help here, thanks.
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.
Hello there,
thanks for your reply. Our URL is
On iPhone there is one column below the other, not two in a row
all device do you need 2 or 1 column
This is one column with four images/text
need them on any device in one row
Ah, I know what you mean, sry that is a misunderstanding.
The four images with the text should have a swipe like collection grid
oh on can you please give me rough idea?
https://community.shopify.com/post/1065461
This is the same topic which was solved
yes please try this code
- Go to Online Store->Theme->Edit code
- Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 600px) {
#shopify-section-1632483909b23e58b5 .grid {
display: flex;
flex-wrap: nowrap;
overflow: scroll;
}
#shopify-section-1632483909b23e58b5 .grid .grid__item {
flex: 0 0 70%;
}
}
This seems to work perfect, thank you so much!
its my pleasure to help us
Help! I am hoping to implement this on my store as well, but this code (with the updated section I.D) is not working.
Can you please help?
This is my website:
https://clothbums.com.au/