FILTER button is not working properly on mobile

Store Design
, , , , , ,

Topic summary

A Shopify store owner using the Cascade theme reports that the filter button on mobile devices (www.cphagen.com) is unresponsive and requires clicking above the actual arrow, with significant lag before tag filters appear.

Issue Details:

  • Clicking directly on the filter arrow or “filter” text produces no response
  • Customers cannot effectively filter through hundreds of products
  • The problem is causing increasing frustration

Attempted Solutions:

  • Another user identified it as a CSS issue in collection template files
  • Provided CSS code targeting the filter trigger element with position: relative
  • Initial fix made the button worse and slower
  • Second CSS attempt also failed to resolve the issue

Current Status:

  • Problem remains unresolved after two failed CSS fixes
  • Store owner seeking alternative solutions to restore mobile filter functionality
Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.
1

Hi everyone,

my website is www.cphagen.com and the theme is cascade.

On mobile phones, the filter arrow is NOT responding properly.

You have to click slightly above the actual arrow and there is a long lag before the actual TAG-filters to show up.

If you click on the arrow or on "filter’, nothing happens.

I want this to be easier and immediate or my customers won’t be able to filter between hundreds of products.

Can anyone help me? :slightly_smiling_face:

Screenshot 2023-04-18 at 12.57.20.png
Screenshot 2023-04-18 at 12.57.20.png494×926 101 KB

Everything is getting more and more frustrating lately, I don’t get it why it has to be so complicated :disappointed_face:

Thank you all for attention

2

Hello, it’s just a CSS issue; Somewhere in your theme file, I will recommend the ‘collection.liquid’ file or the ‘collection-list.liquid’ file this will depend on the theme you are currently using.

Paste the code below;

Screenshot 2023-04-18 at 17.06.32.png
Screenshot 2023-04-18 at 17.06.32.png1078×840 129 KB

I hope this helps.

3

Hiu @kusimo ,

I am afraid it made the FILTER button even worse and slower to respond.

Maybe another option? :slightly_smiling_face:

Thank you.

4

@CPHAGEN_Nordic Please remove the CSS and add this CSS instead. This will work. Sorry for the misunderstanding.

a[data-tag-filter-mobile-trigger] {
    position: relative;
}
5

Not working.

Thanks anyway.