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
55 7 9

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/

View solution in original post

Replies 4 (4)

conversionist
Shopify Partner
55 7 9

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/
CKbusiness
Tourist
5 0 2

Thank you, this worked!

PaulMartin
Shopify Partner
250 39 72

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;
}
Open to help people out, just email me here or tag me by using "@" when posting your comment
CKbusiness
Tourist
5 0 2

Thank you for your contribution!