Why is my mobile drop down menu hiding behind the logo?

Technical Q&A
1

I have a drop down menu issue when on mobile you can see the menu sliding down behind the logo and icon sections… I have looked for resolution and have had no luck if someone could please advise.

I believe it is debut theme.

Store is TheBoringClothingCo.com

Any Help or Advice is greatly welcome.

Thank You

2

@BoringClothing

sorry for that issue i have heck its working fine can you please send video if you have facing issue?

3

Yes Ketan I will film it tomorrow morning and upload then. I appreciate the quick response.

I am using Duck Duck on Iphone 13 Max Pro, when I click the /// to initiate the drop down I can see the whole menu sliding behind the Logo And the icons.

On top and bottom I am seeing the scroll beneath and behind those elements for a brief second

4

@BoringClothing

no rush take your time if you have upload video let me know know

5

Here it is

6

IDK why it is such low quality video after conversion but yea

7

@BoringClothing

yes video doesn’t cleat but can you try this code may be work

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css ->paste below code at the bottom of the file.
@media only screen and (max-width: 749px) {
.mobile-nav-wrapper {z-index: 111;}
.page-container {transform: none !important;}
}
8

This has resolved the issue however it still looks odd to me coming from the top to bottom is there any modification to be made that can have it slide in from left or right side ?

Thank you for the above.

9

@BoringClothing

that should be ok as per your theme UI/UX