Shopify themes, liquid, logos, and UX
Hi! How do I increase space between the product cards on collection pages on desktop version?
Right now the product listings are too close to each other. Link: https://bit.ly/3RA22WP
oh sorry for that issue, can you please try this code
1. Go to Online Store->Theme->Edit code
2. Asset->/base.css ->paste below code at the bottom of the file.
@media screen and (min-width: 750px) {
.product-grid.grid {
margin-left: -25px;
}
.product-grid .grid__item {
padding-left: 25px;
}
}
It does not work 😕
can please let me know where did you add this code and which spacing do you have add or less
Hi! This worked for me! Can you tell me also how to add more space between the collection grid on homepage?
www.assifassefi.com pw skawst
Thank you!
Is there an equivalent code for mobile? It doesn’t seem to work other than desktop.
Need this code to work on phones too
Hey Community! As the holiday season unfolds, we want to extend heartfelt thanks to a...
By JasonH Dec 6, 2024Dropshipping, a high-growth, $226 billion-dollar industry, remains a highly dynamic bus...
By JasonH Nov 27, 2024Hey Community! It’s time to share some appreciation and celebrate what we have accomplis...
By JasonH Nov 14, 2024