Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. 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%;
}
}
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
treeletic.com
thanks for url
can you please show me issue images?
can you please confirm look?
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
i thing doesn't look good
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?
This is the same topic which was solved
This is an accepted solution.
yes please try this code
1. Go to Online Store->Theme->Edit code
2. 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/
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024