Dawn theme - can't remove second menu from displaying

[Alexandria2021]

Some how I have a second menu showing on my website - https://meltmyheart.nz and I can't seem to find out how or where to remove it from showing.  I have the mega menu selected, but it's showing another menu beneath it, can anyone help me with this?

[websensepro · Accepted solution]

Hi @Alexandria2021 ,

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head>

<style>
div#drawer-menu-left {
    display: none !important;
}
</style>

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[dws_pvt_ltd]

Hello! Please follow these steps to add this CSS code:
1. Go to your Online Store
2. Click on "Themes"
3. Select "Edit code"
4. Open your CSS file. If you have a custom CSS file, open that instead.
5. If you can't find your custom CSS file, open base.css" OR "theme.css".
6. Add the following code at the end of the file.

div#drawer-menu-left {
    display: none;
}

Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.

[Tech_Coding]

Hello @Alexandria2021 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  div#drawer-menu-left {
      display: none !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

- Here is the solution for you @Alexandria2021 
- Please follow these steps:
1. Go to Online Store --> Theme --> Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before </head> and press 'Save' to save it'

<style>
div#drawer-menu-left {
    display: none !important;
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Made4uo-Ribe]

Hi @Alexandria2021 

Check this one. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

div#drawer-menu-left {
    display: none;
}

And Save. 

Result:

I also notice you have 2 hamburger menu showing on the different screen size. 

Let me know if you need aligning. 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[PaulNewton]

Hi @Alexandria2021 for the other solutions use a custom css theme setting instead of editing theme code directly and breaking upgradability.

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/add-css

Also note these are band-aids and do not fix whatever the underlying issues is and will continue to be a problem if you wanat to use the drawer in the future, or it's already a problem for your mobile users.

If you recently modified code try a file rollback

https://help.shopify.com/en/manual/online-store/themes/theme-structure/extend/edit-theme-code#roll-b...

or restore a theme backup if you made one.

If you need the actual issues fixed then contact me by my email for services
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.