I want to change mobile menu background from white to black with white text

[Dekanten]

Hello Im using dawn 7.0.1 and want to change background color to black instead of white i have from before, add white text on black background.

I have tried some solutions i found here but they didnt work aswell.

Hope somebody have a trick for me.

Thanks in advance

[Moeed]

Hey @Dekanten

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 tag

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

Best Regards,
Moeed

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.menu-drawer__navigation {
background: black !important;
}
.list-menu__item {
color: white !important;
}

[Dekanten]

Thank u so much, it works flawless im very happy now.

Great solution.

[Dekanten]

One more thing, when i clicked the produkter button the next screen turns white and all text invisible. Do you have a solution for that? @ZestardTech

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

@media (max-width:989px){
.menu-drawer__navigation {
background: black !important;
}
.list-menu__item {
color: white !important;
}
ul.menu-drawer__menu.list-menu {
    background-color: #000;
    color: #fff;
}
}

[Dekanten]

Hi again

There is better but i need to fill out the screen with black, take a look at this screenshot.

Only the halfscreen is filled, i want to cover the screen from Nyheter down to bottom of the screen.