How can I remove variant dropdowns from the homepage?

Store Design
1

Hello! My store uses the Debut theme. We have variants for our products, which I want to show on the product pages but NOT on the homepage (the dropdowns don’t look good on mobile!) - store is uprightoats.com

I found another answer from 2020 but it didn’t work for me. I’d love any suggestions on how to remove these dropdowns from my homepage’s featured collection!

2

This CSS solution may work. I tested it on my end. If you want to try you can do it by yourself just follow these steps :

  1. Go to Online Store >>> Theme >>> Duplicate theme (It’s always a best way to create a duplicate theme before you make any changes)
  2. Online Store >>> Theme >>> Edit code (Edit Duplicate theme)
  3. Open Asset >>> /theme.min.css and paste the below code at the bottom of the file

.select, featured-collection-button-wrap{
display: none;
}

SaaSEnthu_0-1652992864620.png
SaaSEnthu_0-1652992864620.png1918×935 339 KB

1 Like
3

Thanks so much for your reply! I don’t have a file called /theme.min.css so I added this to the bottom of my theme.css file. Unfortunately it didn’t work! I tried adding !important as well but no luck. Any other thoughts of what I could try?

4

Hello @upright

I am sorry there was a typo in the previous CSS. I re-corrected it.

Try this :

select, featured-collection-button-wrap{
       display: none;
}

If it still does not work, let me know, will share some alternative solutions.

1 Like
5

You’re magic! It worked. Thank you so much! Amazing what one . can do

1 Like
6

pleasure is all mine :blush:

Glad to help . . .

7

Brilliant! Works perfectly.