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

erion
Visitor
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)

PageFly-Victor
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

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

PageFlyVictor_0-1679534347693.png

 



Hope my solution works perfectly for you!

Best regards,

Victor | PageFly

GemPages
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.

GemPages_0-1679542411892.png

 

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

oscprofessional
Shopify Partner
15868 2373 3075

@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

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

Ujjaval
Shopify Partner
1242 197 206

@erion 
add below css into base.css file

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

Ujjaval_0-1679661870811.png