Shopify themes, liquid, logos, and UX
I have six collections in the collection list section of my homepage. The size of the images are too big even on it's smallest setting. Is there a way to make them smaller? Thank you so much!
Solved! Go to the solution
This is an accepted solution.
@Ron_Schmidt1, in order to show 4 elements in a row, add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.css) :
@media screen and (min-width: 1140px) {
.CollectionItem {
min-width: 25%;
}
}
Hey there @Ron_Schmidt1,
Can you please include the URL of your store? I'll take a look for you before I can offer any solution/guidance. Thanks
Thanks for the help! The collection list isn't live on the site but here is a screen shot. I would like to make those boxes small, maybe 4 across.
Hopefully that's clear. Thanks
This is an accepted solution.
@Ron_Schmidt1, in order to show 4 elements in a row, add this at the end of your CSS file (Themes -> Edit code -> Assets -> theme.css) :
@media screen and (min-width: 1140px) {
.CollectionItem {
min-width: 25%;
}
}
Thank you g33kgirl! Appreciate the help.
Hi @g33kgirl - this helped me too - thank you. Is there any way to display two per line on a mobile?
Thanks again
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