Shopify themes, liquid, logos, and UX
Hi, guys seems like i got little confusion here, my site desktop version is optimised with 3 products in a row, however its different with the mobile version it shows just one product per row and i do have around 20-30 products per collection. please let me know how to fix this. i am using debut theme at the moment
Solved! Go to the solution
This is an accepted solution.
Thanks for it
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.grid__item.grid__item--collection-template {
width: 50% !important;
}
}
Hello, @holahome
Welcome to the Shopify community!
and Thanks for your Good question.
Please share your site URL,
So I will check and provide a solution here.
Thanks for store URL.
sorry but i can't see grid view can you please show me
This is an accepted solution.
Thanks for it
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.grid__item.grid__item--collection-template {
width: 50% !important;
}
}
Copied and pasted this as instructed and it did not work.
Please advise on correct code / solution.
Thank You
Hello @KetanKumar
I'm using Debut Theme, and
Let me know how can I do,
Thanks,
M
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.
yes please confirm
@KetanKumar exactly i want them like this on the mobile version (as they are like this on desktop!)
Also, I am trying to make the collection names on the home page, go underneath the photos, and not overlay as they do now. I don't want them on the photo, but underneath. How can I do?
thankssss
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.
.collection-grid .medium-up--one-half {
width: 50%;
}
@KetanKumar amazing it worked!!
i just need now to put the collection title on the home page only below the images instead of overlay. do u know how?
yes please sent this section code so i will update
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