How to fix filter options appearing in header on mobile view?

[StellarFae]

When in mobile view and trying to use the search Filter function it brings up the filter options in the header area and when customers are trying to click options they cant because it clicks cart in the header. Is there a way to fix this?

my site is www.stellarfaecreations.com

[ExpertRookie]

Hi @StellarFae
You can try follow this path:
Themes => edit code => asset => base.css
and add this code to bottom of the file base.css

.mobile-facets{
z-index: 999999!Important;
}

[GemPages]

Hello @StellarFae

It’s GemPages support team and glad to support you today.

I would like to give you a solution to support you:

1. Go to Online Store → Theme → Edit code:

2. Open your theme.liquid theme file

3. Paste the below code before :

Hope my solution can work and support you!

Kind & Best regards!

GemPages Support Team.

[StellarFae]

Hi!

Thank you so much for your time but unfortunately, this didn’t work.

[StellarFae]

Hi!

Thank you so much for taking the time to respond and try to help with this.

After entering the code it did bring up a separate window with the filter options which is great but for some reason, I have code showing on my page above the header now.

Here is a screenshot of where I entered the code to check and see if I did this correctly.

[GemPages]

@StellarFae

you added the incorrect code, please revert and re-add as shown:

[StellarFae]

Thank you so much!!! That totally worked!