Toggle button Debut theme

[DCorsica]

Good morning,

I am using Debut theme and trying to increase the size of the drop down menu (when click on the hamburger toggle) when my website is on mobile mode.

I have tried to add

div#page-container { transform: translate3d(0px, 289px, 0px); }

Or

.site-header .site-nav__item { transform: translate3d(0px, 289px, 0px); }

In the theme.css in Assets section but it does not work.

Do you have any idea ?

Thank you in advance.

ps: I would like it to look as on the screenshot

[ZestardTech]

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

[aeriondigital]

url: www.dobblecorsica.fr

pw: dobblecorsica

Sorry for the mistake 

[ZestardTech]

please share me correct password.

Screenshot :- https://prnt.sc/10b6up1

[aeriondigital]

url: www.dobblecorsica.fr

pw: dobblecorsica

Sorry for the mistake 

[DCorsica]

Did you have a look yet ?

[ZestardTech]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.site-header nav.mobile-nav-wrapper {
position: absolute;
z-index: 99;
background: white;
}

[DCorsica]

Thank you so much it works. 

However is there a way to make the writing black only once the menu is open? (it is a bit too light like that)

[ZestardTech · Accepted solution]

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.template-index div#shopify-section-header .site-header nav.mobile-nav-wrapper li.mobile-nav__item .mobile-nav__link span.mobile-nav__label {
color: black !important;
}

[DCorsica]

Thank you so much for your help and solution ! It worked

[ZestardTech]

Kindly feel free to get back to me if you need any further assistance Thanks!