Debut Theme Navigation Menu not working on mobile

Hi everyone,

My menu on my website is not working on mobile.

When I click it nothing happens. I’ve tried some of the other coding solutions on other threads but nothing has worked! Your help is really appreciate thank you!

Website: https://the-brownie-bakers.myshopify.com/

It’s pw protected so we can’t see it. But my guess is you have a javascript error.

Here’s how I would debug:

  1. Publish the previous theme where it was working. If you don’t have a backup / not duplicating your theme before making code changes, start doing that (details on how to safely edit themes here: https://speedboostr.com/how-to-safely-edit-your-shopify-theme).

  2. If you can’t do #1, start by looking for errors in the web dev console. This might give a clue where the error is happening, then you can edit the code or file (and if you’re lucky, revert to an older version of the file where the error lies). If you’re not familiar with working with console, this guide will show you: https://speedboostr.com/finding-and-fixing-server-errors.

  3. With the console open, try clicking on the menu button and see if a new error pops up. That sometimes gives clues.

  4. Duplicate your live theme and experiment with fixing on the new theme, in preview mode.

If you’re unable to solve it an want to hire a developer to fix, feel free to reach out to my team at speedboostr.com/contact. We’re a team of Shopify focused developers that customize themes, fix errors, build custom features, etc.