Mobile Drawer menu doesn't open - Broadcast theme

[TBS2023]

www.thebodyshop.se

[TheScriptFlow]

This need to check in your theme file code. I guess somehow a app coding conflicting with it.

[Dan-From-Ryviu]

Hi @TBS2023 

You should contact Broadcast Theme's support so they can help you with the issue.

[WebDeskSolution · Accepted solution]

Hello @TBS2023 

Please follow the steps below after logging into the Shopify admin:

• Go to your Shopify Admin panel.

• Click on Online Store > Themes.

• Find the theme you want to edit and then click Actions > Edit code.

• Search theme.liquid
• Insert the provided Script code at the above of the closing of the body tag SS : https://prnt.sc/8cB-_jozXHnh

<script>
let button = document.querySelector(".header__mobile__hamburger");
let target = document.querySelector("header-drawer.drawer");
button.addEventListener("click", function()
{
    target.classList.add("is-open", "drawer--animated");
});
</script>

Please hit Like and Mark it as a Solution if you find our reply helpful.

[tim]

You have 2 problems:

1. Your header section HTML structure is modified:

Yours:

From the demo store, same theme version:

See how you theme has div, while demo store has header-component? Because of this, some theme Javascript does not work and your mobile menu is not initialized.

2. Even with this fixed, you have some CSS added by the Giraffly Trust badges app (https://apps.shopify.com/trust-badge-by-giraffly) which overrides some styles used by your theme code to show drawers for menu and cart. Have you noticed that when you add to cart, the screen gets darker but no popup is shown, while it should look like this:

Someone needs to have a look at your theme header, also worth contacting the App support and complain about incompatibility.