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 · Accepted solution]

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 </body> tag

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

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

Best Regards,
Moeed

[Moeed · Accepted solution]

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 </body> tag

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

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

Best Regards,
Moeed

[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. 🙂

[ZestardTech · Accepted solution]

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;
}