Shopify themes, liquid, logos, and UX
for some reason my collections are putting some of my products together, with no spacing?
not sure why this is, there should be even spacing pf the products like the rest of the page...
**please note, you need to load more products, and scroll down, i believe its on the third page
heres an example of the glitch on the left side
https://www.sarahhoodstudio.com/collections/earrings
pass: sarahhoodjewelry
It looks like the items from Featured Collection are clashing with the infinite scroll. Might be a hard fix to put in place
Any way you can have the theme developers take a look?
Hi @Chantelrudden ,
The error occurs due to the following code in the styles.css file
To fix it, follow these steps:
Then find the styles.css file:
Find line 1193: Delete the following code:
.equal-columns--outside-trim .one-third:nth-of-type(3n), .equal-columns--outside-trim .one-fourth:nth-of-type(4n),
Find line 1204: Delete the following code:
.equal-columns--outside-trim .one-third:nth-of-type(3n+1), .equal-columns--outside-trim .one-fourth:nth-of-type(4n+1),
Then press "Save" to save. The above code makes the distance between products = 0 so they will be close together, leading to errors.
Hope it helps @Chantelrudden
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via [email protected]
so i inititally did this, but it brings the products to 3 instead of 4, and then some products arent the same size
Starting a B2B store is a big undertaking that requires careful planning and execution. W...
By JasonH Sep 23, 2024By investing 30 minutes of your time, you can unlock the potential for increased sales,...
By Jacqui Sep 11, 2024We appreciate the diverse ways you participate in and engage with the Shopify Communi...
By JasonH Sep 9, 2024