How can I change the dropdown menu background color on MOBILE view

[DitYDesigns]

I have this fixed when you view my website on a computer but in mobile view it's still translucent and it needs to have a white background to be able to see what the options are since they drop over images.

I have the Dawn theme and my website is www.ditydesigns.com

Thank you!

[BSSCommerce-B2B · Accepted solution]

@DitYDesigns ,

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

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
header-drawer summary:before {
  background: white!important;
}
</style>

Result:

[BSSCommerce-B2B · Accepted solution]

@DitYDesigns ,

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

Step 2: Search for the file theme.liquid

Step 3: Add this code before </body> tag

<style>
header-drawer summary:before {
  background: white!important;
}
</style>

Result:

[Tech_Coding · Accepted solution]

Hello @DitYDesigns 

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>
@media screen and (max-width: 767px){
   .menu-drawer {
       background: #fff !important;
   }
}
</style>

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