Booster theme drop down menu is hidden behind slider

Shopify Discussion
1

HI , im sure this has been asked before , my site on mobile phones has an issue with the drop down menu , it gets hidden behind the slider . How to fix this

On laptop and desktops it works fine

www.cyprusnails.com is my site

2

Hi @Cyprusnails

I’m Richard Nguyen - CRO Expert at PageFly, I’d like to suggest this idea:

Add this css at the bottom

Online Store ->Theme ->Edit code

Assets → theme.scss.css

.mobile-nav-wrapper.js-menu–is-open {

display: block;

z-index: 99 !important;

}

Hope you find my answer helpful!

Regards,

Richard-pagefly

3

Hi, you can apply this css in your code file named “theme.scss.css”. You can find it by going to your store admin > Online Store > Themes > Actions > Edit code > Assets folder > theme.scss.liquid

.mobile-nav-wrapper.js-menu--is-open {
    display: block;
    z-index: 1;
}

Please let me know if there’s anything else. Thanks

4

i find the assets ->. theme.scss.liquid file

is this the file ?

5

@Cyprusnails ok, you can try agian

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->theme.liquid->paste bellow code in tag

.mobile-nav-wrapper.js-menu--is-open { display: block; z-index: 99 !important; }

Please refer to this screenshot: https://prnt.sc/afpBHc_RJbvN

6

Yes, it’s the file

7

perfect

thank you