Product name moving up and down on collection pages on page load (Dawn Theme)

[bellevo]

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.

[BSS-TekLabs · Accepted solution]

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;
}

[BSS-TekLabs]

Hi @bellevo,

You can follow these steps to fix that bug

1. Open Online Store > Theme > Edit Code

2. Find and open the base.css (or theme.css, custom.css) file

3. 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!

[bellevo]

Hey, that removes it but it also removes the swatches from my product page so thats not an option, thank you though!

[BSS-TekLabs · Accepted solution]

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;
}

[bellevo]

Perfect that fixed it on desktop view, is there a way that I can also do it for mobile?

[BSS-TekLabs · Accepted solution]

You can follow these steps

1. Open Online Store > Theme > Edit Code

2. Find and open the theme.liquid file

3. Paste the code snippet below before the closing head tag and hit save

<style>
  .card-wrapper.product-card-wrapper variant-swatch-king {
    display: none;
  }
</style>

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!

[bellevo]

This works, thank you once again for your help! Have a great day!

[BSS-TekLabs]

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! 🎁🚀