About the color of the hamburger menu on the DEBUT mobile display

Technical Q&A
1

Hello.
I am currently building a store using DEBUT.
I was able to change the header color and text color. (Background color: #ffffff → # d8161f, Text color: # 000000 → #ffffff)
When I opened the hamburger menu when I switched to mobile display, the background color remained.
Is there a way to change the background color of the hamburger menu?

When changing the color of the header, I put the following code in theme.css.
.site-header__mobile-nav, .site-header {background-color: # d8161f;}
.site-nav__label {color: #fff;}
.mobile-nav__label {color: #fff;}
.site-header__icons-wrapper svg {color: #fff;}

Only you can rely on it.
Thank you.

2

Hello,
Welcome to the Shopify community!
Please Share your store live url with password (if it password protected) & screenshot where you want to do modification, so that I will solve your issue here!

1 Like
3

hii, @keisuke1128
Kindly share your store URL so,
I can solve your issue and give you a proper solution.
Thank You.

1 Like
4

This is the client page. I would like to provide information in a private form, what should I do?

5

@keisuke1128

sure!

1 Like
6

@keisuke1128
Sure!

1 Like
7

I sent a message.

8

@keisuke1128

nav.mobile-nav-wrapper.medium-up--hide.critical-hidden.js-menu--is-open {
    background: #d8161f;
}

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

1 Like
9

wonderful!
The result I wanted!
Thanks