1 week from launch and the burger icon is not working

[owenshorty]

Hey everyone,

I’m one week away from launching my store, and I’ve hit a snag with the burger menu on mobile. When I click the menu icon, nothing happens. I’m not a coder, so I’ve been relying on YouTube tutorials and DeepSeek to help me add functions to my site.

This include adding code for  a transparent and inverted header that changes back to normal when scrolling (which I’m super proud of, but it might be causing the issue?)

the website is teamhlthy.com and Im also happy to share code if needed, Any help or suggestions would be amazing! I’m so close to launch, and this is the last big thing I need to fix. Thanks in advance for your time and expertise!

[Bundler-Manuel]

Hello there @owenshorty  have you tried opening a support ticket for the theme you’re using yet? That approach has worked for customers here previously where the issue was able to be taken care of without any extra charges.

[Kyle_liu]

Hi @owenshorty 

You can share some of the code and check together where the problem lies.

[DaisyVo]

Hi @owenshorty 

To complete your requests, please follow these steps:

1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
2. Paste the code provided into the Custom CSS section.

@media screen and (max-width: 768px){
div#menu-drawer {
    left: 390px !important;
    height: 93vh !important;
}
}

Here is the result: 

I hope this helps

Best,

Daisy

[tim]

You need to add one more rule to the CSS code you've added:

[open] > #menu-drawer {
  transform: none;
  visibility: visible;
}