Mobile menu in Mono theme not showing

[fk7]

The mobile menu is not showing at all while it works fine on desktop. I've cleared the cache as suggested in other discussions. I'm not using any apps such as live chat or anything I think will conflict with it. It's also the latest theme version. Help is appreciated, thank you!

https://everlandstitch.com/

[Moeed]

Hey @fk7 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.header__icon svg path {
    stroke: black !important;
}
#menu-drawer {
    background: white !important;
}
.menu-drawer__inner-submenu{
    background: white !important;
}
</style>

RESULT:

If I managed to solve your problem then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[TheScriptFlow]

Please share the detail so that I can proceed and gave you solution code.

Thanks

[TheScriptFlow · Accepted solution]

Hey @fk7,

I see three issues on your Hamburger icon, Header Drawer and Drawer Submenu.

1. Hamburger Icon not showing because of same color like background one.
2. When we open the Menus Drawer then it has transparent background that's why it doesn't show completely.

Here is the solution for both of the issue.

You have to paste the following code in the end of theme.css file.

Here is how you can find base.css file.

Go to Shopify Admin > Online Store > Edit Code > base.css

Go to the end of this base.css file and paste the following code.

.header__icon svg path {
    stroke: black !important;
}
#menu-drawer {
    background: white !important;
}
.menu-drawer__inner-submenu{
    background: white !important;
}

Here is Before and after of all changes.

[fk7]

Thank you so much! Works perfectly now. You made my day. 😊

[TheScriptFlow]

I am happy it could help for you a lot.- If my solution was helpful, Don't forget to Buy me a Coffee ☕ 

It will also make my day 😊.

Thanks