How can I change the mobile view menu color in the Debut theme?

Store Design
, ,
1

Im hoping someone can help, Im using the debut them and can’t seem to work out how to change the background and text colour of the menu on the mobile view, my URL is https://aydan-totten.myshopify.com/

2

Hey @AydanTotten

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

Moeed_0-1688814277107.png
Moeed_0-1688814277107.png301×464 24.7 KB

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

Best Regards,
Moeed

3

I tried your code and it made my website all wrong.

I am also looking at getting the background black and the text white.

4

Apologies for the confusion, You may try this code. It will work as exactly according to your requirements.

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

Moeed_0-1688814921494.png
Moeed_0-1688814921494.png302×465 24 KB

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

Best Regards,
Moeed

5

Hello @AydanTotten

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->theme.scss.css>Add this code at the bottom.

@media only screen and (max-width: 767px){
.site-header__mobile-nav {
    background-color: #fff !important;
}
header.site-header {
    background: #fff !important;
}
a {
    color: #000;
}
button.site-nav__link.site-nav__link--main.site-nav__link--button {
    color: #000 !important;
}
}
6

Unfortunately this didn’t work, it made the header and menu white and messed up the SHOP and BRAND.

7

This created the same problem.