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

Solved

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

CKbusiness
Tourist
5 0 2

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:

CKbusiness_0-1718147928359.png



Thank you for your help!

Accepted Solution (1)

conversionist
Shopify Partner
98 8 12

This is an accepted solution.

Before:
Screenshot from 2024-06-12 00-32-47.png
After:

Screenshot from 2024-06-12 00-37-06.png

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

 

Building 100 Shopify apps for that BMW M5 dream

Follow the journey at https://www.youtube.com/@conversinist
https://
conversionist.online/
Buy me a coffee

View solution in original post

Replies 4 (4)

conversionist
Shopify Partner
98 8 12

This is an accepted solution.

Before:
Screenshot from 2024-06-12 00-32-47.png
After:

Screenshot from 2024-06-12 00-37-06.png

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

 

Building 100 Shopify apps for that BMW M5 dream

Follow the journey at https://www.youtube.com/@conversinist
https://
conversionist.online/
Buy me a coffee
CKbusiness
Tourist
5 0 2

Thank you, this worked!

PaulMartin
Shopify Partner
624 60 147

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;
}
contact@paulmartinlopez.com
Feel free to email me! 😄
I'm open to conversations or work ʕ •ᴥ•ʔ
CKbusiness
Tourist
5 0 2

Thank you for your contribution!