How can I change the dropdown menu background to white on mobile view?

[coolerdrinks]

Hi there! 

I recently got custom code for my drop-down menu to make the background white rather than transparent. However, it does not extend to my mobile view, only my desktop view. Can someone recommend the process on the custom code to make my dropdown menu background white? 

My store is: https://cooler-drinks.myshopify.com/

PW: steeck

Thank you so much!

[EBOOST]

Hi @coolerdrinks 

May I suggest to update code these steps:

1. Go to Store Online-> theme -> edit code

2. Assets/component-menu-drawer.css
3. Add code below to bottom of file

#menu-drawer {
	background: #fff;
}

[PageFly-Victor]

Hi @coolerdrinks ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/component-menu-drawer.css->paste below code at the bottom of the file:

@media (max-width: 767px){
div#menu-drawer {
    background:white;
    filter: none;
}
}

Hope my answer will help you.

Best regards,

Victor | PageFly

[GemPages]

Hello @coolerdrinks ,

You can follow these steps: 
1. Go to Online Store->Theme->Edit code

2. Open your theme.liquid file, paste the below code before </body>

    <style>
      .header__submenu.list-menu {
          background: #fff !important;
      }
      
      div#menu-drawer {
          background: #fff !important;
      }
    </style>

I hope the above is useful to you.

Kind & Best regards, 
GemPages Support Team

[INA_MSWEB · Accepted solution]

Hi @coolerdrinks 

I hope you are doing good and welcome to the Shopify Community!
I am San from MS Web Designer.

Please add this css in your bottom of the css file:
#menu-drawer {background-color: #ffff !important;}

Regards,

San

[Vinochka]

I wanted to do the same thing. This solution fixed the issue quick as a wink! Thank you!!!

[INA_MSWEB]

Hello,

Thank you for your reply.

Glad that you liked it.

Regards,

San