Hey @indigojones66
Bien, entonces la raíz del problema es que:
En https://greenlions.comhaciendo clic en un enlace de menú móvil como https://greenlions.com/#testimonials desplazarse al ancla sin recargar la páginaque es un comportamiento normal, pero el El menú móvil permanece abiertoque no es ideal ux.
Por otro lado, en el sitio de prueba https://tottenhamtwist.comusan los enlaces de anclaje http://tottenhamtwist.com/#topnota que usa Http y no Https En los enlaces de anclaje, que desencadena una recarga de una página completa (debido a la falta de coincidencia del protocolo), y eso cierra naturalmente el menú.
Dado que este comportamiento está integrado en cómo el tema maneja los enlaces de anclaje, no se puede resolver sin modificar el JavaScript del tema o agregar código personalizado para cerrar el menú manualmente en el enlace. Haga clic.
Además, por favor No use enlaces HTTPno se recomienda para sitios vivos/seguros
¿Puedo saber qué tema estás usando?
Hola, bien manchado. Estoy usando Intuition Pro que ya no es compatible
Dado que el tema ya no es compatible, y este comportamiento está integrado en cómo maneja los enlaces de anclaje en los menús, desafortunadamente no hay una configuración incorporada para cambiar esto.
Cambiar a un tema compatible activamente Eso maneja esto mejor de la caja.
Además, solo un recordatorio, no use enlaces HTTP en el menú, incluso si «funcionan», pueden causar problemas más tarde y son malos para el SEO y la seguridad.
¿No hay CSS que pueda usar para resolver esto? O JavaScript
Suponiendo que tenga un complemento para inyectar JavaScript All Setup, puede usar el siguiente fragmento JS.
También he proporcionado la explicación de lo que hace cada línea dentro del código.
// Wait for all the site content to be loaded before doing anything.
document.addEventListener('DOMContentLoaded', function () {// Select all anchor links inside #menu-mobile.
const menuLinks = document.querySelectorAll('#menu-mobile a');
if (! menuLinks.length) {
return; // No #menu-mobile links found.
}
// Loop through each menu item and add a click event listener.
menuLinks.forEach(function (link) {
link.addEventListener('click', function () {
// Remove the class from the body (effectively closing the menu).
document.body.classList.remove('menu-mobile-active');
});
});
});
Además, dado que se desplaza al contenido en la misma página, puede considerar usar un desplazamiento suave.
Agregue lo siguiente al CSS.
html {
scroll-behavior: smooth;
}
No se pudo guardar como error en la línea 2:
const menuLinks = document.querySelectorAll('#menu-mobile a');
El código JavaScript es válido, lo he probado en el sitio proporcionado desde la configuración del desarrollador. Entonces, ¿puedes comprobar de nuevo? Asegúrese de escribir el código JavaScript por separado del código CSS (esto requiere usar algún complemento).
Tal vez verifique si el código se copia correctamente y el '(citas) no se reemplazan con citas rizadas (como estas “”).
Además, será útil un error más descriptivo o una captura de pantalla.
Lo agregué a mis funciones.php
https://greenlions.com/wp-content/uploads/2025/04/code.jpg