Why is my mobile main menu not functioning properly?

Hello everyone.

I am having some issues with the mobile layout on my store. For some reason, it is not showing when I click it. Please see photo below. For some reason it is behind the images. Site: https://thequartedge.com/

Your help will be greatly appreaciated!

Hi [email removed]ReaW,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.liquid

Step 3: Paste the below code at bottom of the file → Save

.overflow-hidden-tablet main{
z-index:-1 !important
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

1 Like

Hello @ReaW ,

This work but overlap by content

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like

Thank you so much!!! It works perfectly now!

Hi @ReaW ,

I am so glad that my solution can help.

Hello GemPages,
I tried it but it still doesn’t work on my mobile version.
I also read somewhere here that it’s related to the newsletter popup.
However, I can’t imagine how it would be affected by the newsletter popup.

Kind regards,