Remove Filter Icon + padding from Collection Page (Wookie theme)

Hi everyone,

We tried to remove the filter icon from all our collection pages without success. The filter icon is only present on the mobile version. We’re using the wookie theme.

Can you please help us to remove the filter icon?
Collection page here: https://ailanabeauty.com/collections/ailana-beauty

Please see image below:

Thank you for your help!

Before:



After:



And here’s how it

  1. Go to your Shopify admin and click on Online Store

  2. Click on Actions next to your Wookie theme and select Edit code

  3. In the left sideba, find the theme.css or theme.scss.liquid file under Assets

  4. Add this CSS code at the end of the file:

.tt-filters-options {
    display: none;
}
  • Save the changes
1 Like

If you’re looking to just remove the icon, follow the previous person’s instructions but add this instead:

.tt-filters-options .tt-btn-toggle a:before {
 content: none;
}

Thank you, this worked!

1 Like

Thank you for your contribution!

1 Like