Espero que alguien pueda ayudarme con un frustrante conflicto en el menú móvil entre mi tema y mi encabezado personalizado de Elementor.
Ambiente:
- Versión de WordPress: 6.9.1
- Tema: Solene (por Qode Interactive)
- Generador de encabezados: Elementor + Generador de encabezados y pies de página de Elementor
Pasos para reproducir el problema:
- Visite el sitio web en un navegador de escritorio y reduzca la ventana al tamaño del dispositivo móvil. Haga clic en el ícono de la hamburguesa; el menú desplegable se abre perfectamente.
- Visite el sitio web en un dispositivo móvil real y toque el ícono de la hamburguesa. No pasa absolutamente nada. El menú se niega a abrir.
Solución de problemas que ya hice:
- Oculté con éxito el encabezado móvil predeterminado del tema Solene usando CSS (
display: none !important;). - Sospeché que un elemento de tema invisible estaba cubriendo el botón, así que apliqué
z-index: 9999999999 !importantypointer-events: auto !importanta las clases de alternancia de hamburguesas (.hfe-nav-menu__toggle,.hfe-flyout-trigger). Esto no solucionó el problema táctil.
Porque el menú funciona perfectamente con un “clic” del ratón pero falla completamente con un “toque” del móvil (touchstart), sospecho firmemente que el tema Solene tiene un archivo JavaScript que captura, anula o previene eventos táctiles predeterminados en el área del encabezado.
¿Alguien se ha ocupado antes de este conflicto JS específico? ¿Hay algún script que deba quitar de la cola o una solución alternativa para forzar que el menú de hamburguesas de Elementor reconozca eventos táctiles?
La página con la que necesito ayuda: [log in to see the link]