Hola, tengo un problema con el menú móvil en mi tema Dawn. Cuando hago clic en el icono hamburguesa (3 barras) en dispositivos móviles, se abre un cuadro transparente vacío en lugar de mostrar los enlaces del menú (Catálogo de animes, Catálogo de juegos, Contacto, etc.).
En PC el menú funciona correctamente, es muy probable que sea mi propia falla, si hay que deshacer algo estaría bien previo aviso.
¿Pueden ayudarme a solucionar ese inconveniente ?
Mil gracias.
I found that the JavaScript is not triggering when we click on the Menu Bar. This happens when a JavaScript override or another JS is conflicting with that element.
In order to fix it you need to follow these steps.
Go to Shopify Admin >> Online Store >> Edit Code >> theme.liquid
Before the closing body tag of theme.liquid, paste the following code that shared below.
<script>
document.addEventListener("DOMContentLoaded", function () {
const menuBtn = document.querySelector(".header__icon--menu");
const menuDrawer = document.querySelector(".menu-drawer");
if (menuBtn && menuDrawer) {
menuBtn.addEventListener("click", function () {
menuDrawer.style.transform = "translate(0%)";
menuDrawer.style.visibility = "visible";
});
}
});
</script>
Once, you paste that, then your issue will resolved.
Hello, I apologize. One of my employees accidentally blocked you on WhatsApp; we often receive spam from foreign numbers. I’ll try again and let you know.
Alright, It’s okay. I provide you the code above. You can try to paste in the theme.liquid file. And I hope this helps with your issue.
It worked, thank you very much for your time.
