How to change menu drawer color?

[mindstars]

I have been trying to change the color of my menu drawer for the mobile view but nothing seems to be working??? Any help please.. I want it to be transparent, or to be white.

[BSSCommerce-HDL · Accepted solution]

Hi @mindstars, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
div#menu-drawer {
    background-color: transparent !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[Moeed · Accepted solution]

Hey @mindstars 

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>
div#menu-drawer {
    background: transparent !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Moeed]

Hey @mindstars 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[mindstars]

https://mindstarsapparel.com

[BSSCommerce-HDL]

Hi @mindstars, Can you kindly share your store link with us? We will check it and suggest you a solution if possible.

[mindstars]

https://mindstarsapparel.com/collections/all

[Moeed · Accepted solution]

Hey @mindstars 

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>
div#menu-drawer {
    background: transparent !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[niraj_patel]

Hello @mindstars 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[mindstars]

mindstarsapparel.com

[niraj_patel]

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#menu-drawer {
      background: transparent !important;
   }
</style>

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

[BSSCommerce-HDL · Accepted solution]

Hi @mindstars, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
div#menu-drawer {
    background-color: transparent !important;
}
</style>

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you  😍

[mindstars]

Thank you!! Have a good day!

[BSSCommerce-HDL]

@mindstars, No problem. Glad to help you 😍

[Rahul_dhiman · Accepted solution]

Hello @mindstars 

Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-menu-drawer.css
add this code at the end of the file.

.menu-drawer__navigation-container {
background: cornflowerblue !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks