Debut Theme - Mobile navigation menu not showing entirely on homepage

[JackHobbes]

Hi to all Shopifiers!

I was wondering how to fix a small issue I have on the mobile version of my website using the Debut Theme.

Here is my shop: https://waasclothing.com and the password to access it is: "craeba".

There is some kind of translation happening when clicking on the 3 little bars to make the menu appear on the mobile version; all the items of the menu are not showing up properly and I haven't found anyone reporting the problem so far...

Any help would be much appreciated!

Thank you very much and take care!

Guillaume

[KetanKumar · Accepted solution]

Hello, @JackHobbes 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste bellow code in the bottom of the file

.mobile-nav-wrapper {
z-index: 999;
}

[JackHobbes]

Thanks a lot KetanKumar! Worked like a charm!

G

[Alan_S]

I'm experiencing a similar problem during mobile access. I use the Minimal theme. Have added that piece of code ( Not a coder at all myself) but it does not seem to be doing anything. Would much appreciate your help. Link shows the issue I'm having. https://www.loom.com/share/f31151ded5c8488b8653a60d16120dea.

The site is live: facemaskjacket.com.  Thanks in advance.

[KetanKumar]

@Alan_S 

Thanks can you please check your original theme.

[Alan_S]

Thanks for your response. What am I looking for please?

[KetanKumar]

@Alan_S 

I need your store login details. Yes, I know your login details are confidential. For this second option, I have added your store to my Shopify partner account so I will check your code easily and manage what you think about it?

[Alan_S]

Thanks. I've PM'd you a little while ago.

[KetanKumar]

@Alan_S 

I have done this please check.

[Alan_S]

Yes. It works. Thank you very much.

[KetanKumar]

@Alan_S 

Thanks for update and your compliments.

[sbellamy]

Hello,

I am also having the issue with the navigation menu not showing on mobile device. I also put the code in: 

.mobile-nav-wrapper {
z-index: 999;
} with not success. Can you please help.

[KetanKumar]

Hello, @sbellamy 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[sbellamy]

Hello and thank you. My URL is https://bella-monique-virgin-hair-extensions.myshopify.com

[KetanKumar]

@sbellamy 

Thanks for the store URL.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.drawer a:not(.btn) { color: #000;}

[sbellamy]

Thank you so much! You are a life saver!

[KetanKumar]

@sbellamy 

Thanks for update.

[antonkogan]

can you please assist me my mobile site menu navigation is not working-

[KetanKumar]

Hello, @antonkogan 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[SianMac]

Hi Ketan

I have the same problem with our live site. Can you have a look please?

Thanks

SianMac