Why is my mobile main menu not functioning properly?

Technical Q&A
1

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/

ReaW_0-1678315093287.png
ReaW_0-1678315093287.png380×556 83.5 KB

Your help will be greatly appreaciated!

2

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
}

PageFlyVictor_0-1678329387017.png
PageFlyVictor_0-1678329387017.png722×1568 56.4 KB

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

1 Like
3

Hello @ReaW ,

This work but overlap by content

GemPages_0-1678329431736.png
GemPages_0-1678329431736.png1442×902 166 KB

You can follow these steps:

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

GemPages_1-1678329441945.png
GemPages_1-1678329441945.png400×193 29.2 KB

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

GemPages_2-1678329498107.png
GemPages_2-1678329498107.png1424×905 68.1 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

1 Like
4

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

5

Hi @ReaW ,

I am so glad that my solution can help.

6

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,