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

Solved

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

JayFinlay
Excursionist
27 1 5

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

processed-A0C71887-DDFA-458D-A1E3-C8EDE57876ED.jpeg

Accepted Solution (1)

Shadab_dev
Shopify Partner
1255 64 132

This is an accepted solution.

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. 

 

 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.

View solution in original post

Replies 3 (3)

Shadab_dev
Shopify Partner
1255 64 132

This is an accepted solution.

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. 

 

 

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.
JayFinlay
Excursionist
27 1 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.

Shadab_dev
Shopify Partner
1255 64 132

I believe you managed to beat it afterall

Buy me Coffee, if you feel i was helpful. Email Me here or WhatsApp me with this link for any help with shopify theme customizations or any project in web dev. If this is helpful, please Like and Accept the solution.