Mobile menu in Mono theme not showing

Shopify Discussion
,
1

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/

2

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 tag

RESULT:

Moeed_0-1745558562816.png
Moeed_0-1745558562816.png371×668 93.2 KB

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

Best Regards,
Moeed

3

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.

New Project.png
New Project.png2000×2000 357 KB

4

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

Thanks

5

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

6

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

It will also make my day :blush: .

Thanks