Hey, I noticed a weird bug on my website yesterday. Every time I open a collection page the product names move up and down, I have tried to find a solution to this but nothing, I know there are a lot of talented people here so if anyone knows how to fix this issue I would really appreciate it. Thank you in advance!
My store: https://bellevodesign.com/collections/duvet-covers-sets
the issue:
From the pictures you can see the difference, but the easiest way to see the issue in action is to load a collection page.
Hi @bellevo ,
You can follow these steps to fix that bug
-
Open Online Store > Theme > Edit Code
-
Find and open the base.css (or theme.css, custom.css) file
-
Paste the code snippet below at the bottom of the file and hit save
variant-swatch-king {
display: none;
}
Hope this helps you solve the issue.
Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!
1 Like
Hey, that removes it but it also removes the swatches from my product page so thats not an option, thank you though!
You can try pasting this code snippet to make it only hidden in collection pages
.card-wrapper.product-card-wrapper variant-swatch-king {
display: none;
}
1 Like
Perfect that fixed it on desktop view, is there a way that I can also do it for mobile?
You can follow these steps
-
Open Online Store > Theme > Edit Code
-
Find and open the theme.liquid file
-
Paste the code snippet below before the closing head tag and hit save
Hope this helps you solve the issue.
Please don’t forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!
1 Like
This works, thank you once again for your help! Have a great day!
1 Like
You’re welcome!
And if you’re looking to add custom free gift functionality to your store, you should definitely check out our app, Salepify! It’s designed to enhance your sales strategy with features like tiered discounts, cart rewards, and seamless integration with Shopify! 
