Heredé un sitio con un código terrible, por ejemplo, 15000 líneas de CSS, el menú móvil no funcionaba, pero pude crear un nuevo menú móvil que funcione, el problema es cuando hago clic en un elemento que el menú parpadea y el enlace debajo es el que se activa.
Este es el código JS que usé para la palanca, bastante seguro de que este es el problema, pero no estoy seguro de cómo solucionarlo.
document.addEventListener('DOMContentLoaded', function() { var menuToggle = document.querySelector('.menu-toggle');
var siteNavigation = document.querySelector('#site-navigation');
if (menuToggle && siteNavigation) {
menuToggle.addEventListener('click', function() {
siteNavigation.classList.toggle('toggled');
this.setAttribute('aria-expanded', siteNavigation.classList.contains('toggled'));
});
}
});
Otro problema es que el submenús se abre al mismo nivel, puse una solución temporal pero es una mala solución.
La página con la que necesito ayuda con: [log in to see the link]