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

1 0 0

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

Replies 4 (4)

Shopify Partner
7865 1785 3058

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

header-drawer{display:block !important}



Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

Shopify Partner
5588 1261 1211

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

GemPages - Build any high-converting store pages for any business

- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

Shopify Partner
15868 2373 3075


header-drawer{display:block !important}

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

Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Custom Pricing Wholesale App : Free | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing

Shopify Partner
1242 197 206

add below css into base.css file

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