Menu drawer not showing up on some pages

Hi, wondering if you could help me with my website.

I changed the header for two of my pages by duplicating header.liquid.

Now, those pages with new headers, when I try to open the menu drawer on mobile, it’s not opening.

The duplicated liquids are named header-product.liquid and header-cart.liquid.

I assumed some of the Javascripts are broken due to the new liquid names.

Wondering if you could advise if I need to change anything?

Thank you

Hi @vnprnt

Without code I can’t predict what you’ve changed in the header file but I got to make it work using css which you can paste below css to base.css under assets.

[open=""] #menu-drawer {
	visibility: visible;
	opacity: 1;
	transform: translate(0%);
}

Hope it’ll work for you.

Here is a screenshot.

Thanks

Sheesh B