Filter and sort not displaying properly on mobile (CSS Issue)

Topic summary

Mobile filter/sort panel on a collection page opens behind the sticky announcement bar and Trustpilot widget, so those elements remain visible over the panel. Screenshots were provided to illustrate the overlap.

Likely cause identified as a z-index (stacking order) problem. Suggestion: raise the z-index of the filter/sort sidebar above the announcement/reviews elements so it renders on top.

The store owner reported increasing z-index values (into the thousands) on mobile without effect and asked which specific elements/selectors to adjust. No exact selectors or values were shared in-thread.

Latest update implies the issue was resolved (“managed to beat it afterall”), but the exact fix is not documented. No code was posted; images were central to understanding the visual layering problem.

Status: Appears resolved, though the precise solution and elements adjusted remain unspecified.

Summarized with AI on December 16. AI used: gpt-5.

Hey, I tried that and put the values up really high and still it’s in the background.

Can you give any advice as to which ones I need to adjust and a number for it to work because I set the mobile values in the thousands and it didn’t change anything.

This has me beat.