main menu button not working when clicked on mobile

[dodo06]

everything on my header looks fine but when i click on the 3 stripes (menu) on my phone nothing is showing up.

my store: https://795000-4b.myshopify.com/

[Guleria]

Hello @dodo06 ,

Follow these steps:

1. Go to Online Store -> Theme -> Edit code

2. Open your base.css file and paste the following code at the bottom:

.menu-opening #menu-drawer {
    transform: translateX(0%) !important;
    visibility: visible;
}

Thanks

[dodo06]

unfortunately it did not work

[Guleria]

I checked the source code and find you are not using the css code I provided.

[dodo06]

im sorry i deleted it after it didnt work let me put it in again

[Guleria]

There is syntax error in your css.
Sorry but seems you know nothing about code. 
Please revert that code and follow these instructions: 

1. Go to Online Store -> Theme -> Edit code

2. Open your theme.liquid , now here search for </body> 
Once found just before to it add this code

<style>
.menu-opening #menu-drawer {
    transform: translateX(0%) !important;
    visibility: visible !important;
}
</style>

[dodo06]

it worked but the menu is just showing halfway and not the the buttom

[Guleria · Accepted solution]

Update the css

<style>
.menu-opening #menu-drawer {
    transform: translateX(0%) !important;
    visibility: visible !important;
    height: 100% !important;
}
</style>

[dodo06]

legend