How to change the background color of sub menu on mobile device - Dawn theme

[RainbowSweets]

Hello,

I was able to change the background of the dropdown menu from transparent and select a solid color, but now I'm having issues changing the background of the nested menu. The "About" category is displaying the same background as the website is using, and I want it to be #f1d6e8.

Any suggestions would be helpful. 

[Made4uo-Ribe]

Hi @RainbowSweets 

WOuld you mind to share your store URL? Thanks!

[RainbowSweets]

Sure, it's https://d913ed-2.myshopify.com/ and the password is tewldo.

[Made4uo-Ribe · Accepted solution]

Thanks for the info, do you mean like this? 

If it is 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.

.menu-drawer__inner-submenu {
    background: #f1d6e8;
}

And Save. 

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

[Vinsinfo]

@RainbowSweets Please follow the below steps to change the background color of sub menu on mobile device.

1. From admin, Go to "Online Store" -> "Themes".

2. Click "Customize" button in the current theme.

3. Click "Header" as shown in below screenshot.

4. Locate Custom CSS field and paste the below code as shown in below screenshot and save the changes.

.menu-drawer__inner-submenu {
    background: #f1d6e8;
}

Result will be like,

Please provide your support by click "Like" and "Accepted" if our solution works for you. Thanks for your support.

[EFOLI-Syn]

Hello @RainbowSweets,

You can add this code into your base.css file. 

@media(max-width:768px){
#Details-menu-drawer-menu-item-2{background-color: #f1d6e8 !important;}
}