Why isn't the hamburger menu showing on my mobile site?

I have combed through the previous discussions for this topic and have not found a solution that worked for my store.

The issue is that the hamburger menu of the mobile site is not showing
my store : vapenchill.store

Hi @Erion,

You can try this code by following these steps:

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

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

@media(max-width:767px){
header-drawer{display:block !important}
}

Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

Hi @erion

The cause of the issue comes from a custom code on your theme.

Go to Online Store->Theme->Edit code.
Open header.liquid file. Then remove the code inside the red rectangle in the image below.

Best regards,
GemPages Support Team

@erion

@media(max-width:768px){
header-drawer{display:block !important}
}

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

@erion
add below css into base.css file

@media screen and (max-width: 768px)
{
header-drawer {
    display: block !important;
}
}