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

Store Design
,
1

So easiest way to explain what’s happening is in categories where users can click filter and sort found here: https://downunderthunder.com.au/collections/vibrators

The box opens up but is in the background so the announcement header and trustpilot reviews box show in the filter and sort section. For some reason it is in the background and doesn’t open in the foreground if that makes sense.

Examples of main page and then with the box open, you’ll see the announcement box and trustpilot widget stay in view when they should be behind. Any advice would be absolutely amazing

thumbnail_processed-36530C3B-AE35-43BC-A1A9-DA91FF1DF6DB.jpg
thumbnail_processed-36530C3B-AE35-43BC-A1A9-DA91FF1DF6DB.jpg1190×2573 232 KB

processed-A0C71887-DDFA-458D-A1E3-C8EDE57876ED.jpeg
processed-A0C71887-DDFA-458D-A1E3-C8EDE57876ED.jpeg1190×2573 113 KB

2

A z-index issue. If you just increase the z index of the filter and sort sidebar to a value more than the review or announcement bar, they will go behind.

1 Like
3

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.

4

I believe you managed to beat it afterall

1 Like