Problemas de Java Script en Submenus en Mobil

Eugenio

Estimable Member

Hola, no soy experto pero tengo un problema. Creo que el problema de mi menu en mobil es de java, pero no estoy seguro si es otra cosa.

Estuve investigando y tengo errores de java script en mi pagina web. Ya intente todo de mi parte. Y no encuentro solución. Hay error en los menus en el mobil.

Si estoy como admin los menus en mobil funcionan bien. Pero en mi teléfono mobil no se ve reflejado esto. Ya borre cache en todos lados y en el mobil directamente no se ve que funcione bien que los submenus. En la versión mobil se ven los sub-menus abiertos en vez de escondidos o colapsados.

Ya hice pruebas en safe mode en divi y en cache con wp rocket y aún así los errores siguen.

Ya estuve revisando si es un problema de cache y parece que no

Ya que pongo https://www.elrugirdeldespertar.com/?nowrocket (version sin cache) y el problema sigue. Quite el código que te dije y el problema sigue.

Igual hay conflicto con la nueva versión de divi, autoptimize o wp rocket plugin.

Pero por ejemplo, fui a divi y hay una opción que te pone el sitio en safe mode, quitando todo y el problema sigue.

Así que estoy bloqueado y no se que hacer.

Si acceden al developer tools verán los errores. Segui turoriales de wp-rocket y no lo soluciono. Tengo la versión más actualizada de divi y de todo lo demás.

Gracias, ya me dirán

Contenido solo visible a usuarios registrados

Respondido : 26/08/2021 8:54 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Eugenio,

Que codigo estas ingresando para generar la función de ocultar los otros submenus? te comparto una guia directamente de divi para realizar esto:

https://www.elegantthemes.com/blog/divi-resources/how-to-create-a-mobile-collapsing-nested-menu-with-divis-theme-builder

Verifica con esta opción y nos comentas.

Un saludo 🖐️

Respondido : 26/08/2021 9:11 pm

Eugenio

Estimable Member

@argenis

Los menus están fallando en el wordpress normal. Yo no he creado el menu con divi. Solamente He ingresado este código que tengo dentro de divi integration para que funcione mejor. de hecho lo borre y el problema seguia cuando hice pruebas:

(function($) {

function setup_collapsible_submenus() {

// mobile menu

$('#mobile_menu .menu-item-has-children > a').after('<span class="menu-closed"></span>');

$('#mobile_menu .menu-item-has-children > a').each(function() {

$(this).next().next('.sub-menu').toggleClass('hide',1000);

});

$('#mobile_menu .menu-item-has-children > a + span').on('click', function(event) {

event.preventDefault();

$(this).toggleClass('menu-open');

$(this).next('.sub-menu').toggleClass('hide',1000);

});

}

$(window).load(function() {

setTimeout(function() {

setup_collapsible_submenus();

}, 700);

});

})(jQuery);

</script>

Esta publicación ha sido modificada el hace 3 años 2 veces por Eugenio

Respondido : 27/08/2021 7:41 am

Pepe

Soporte CMS Webempresa Admin

Hola Eugenio.

Entiendo que lo que quieres es hacer el menu móvil colapsable

Revisa esta entrada del for donde ya tratamos el tema, ten en cuenta que para que funcione en Divi tienes que crear el encabezado desde el generador de temas de DIVI

-> https://www.webempresa.com/foro/soporte-divi-en-espanol/menu-movil-3#post-401369

Un saludo

Respondido : 27/08/2021 9:58 am

Eugenio

Estimable Member

@pepesoler

Pero aunque quite el código que les mostre de divi, el problema persiste. Esto es muy raro. Entonces no tiene que ver con ese código y es otra cosa.

Respondido : 27/08/2021 7:11 pm

Karen Rios

Soporte CMS Webempresa Moderator

Hola Eugenio,

Entiendo que los códigos nos están funcionando para añadir el menú colapsable en móvil, ten en cuenta que dependiendo del código debes implementar uno u otros. Comprueba seguir el siguiente tutorial, en tu caso aplica la opción 2 que indica -> ¿Cómo añadimos un menú desplegable en móvil cuando tenemos una cabecera personalizada?

Puedes ver el tutorial en el siguiente enlace -> https://soporteforo.webempresa.eu/guia/crear-un-menu-movil-colapsable-con-divi/#2-como-anadimos-un-menu-desplegable-en-movil-cuando-tenemos-una-cabecera-personalizada

Verifica esto y nos comentas si funciona de forma correcta en tu sitio web

Un Saludo

Respondido : 27/08/2021 7:33 pm

Eugenio

Estimable Member

@karen

Hola, no aplica eso para mí. Yo no estoy agregando un menu mobil personalizado ni nada. Si pudieras ver mi pagina web, las imagenes que puse y el web inspector te darás cuenta que estoy usando el menu normal de wordpress. Y el problema es que los sub menus están abiertos en movil en vez de estar cerrados y uno los abre a voluntad.

Agradecería que si pongo algo, revisarlo en vez de dar respuestas generales que no tienen que ver con el caso. Por eso puse los erroes y tambien puse mi pagina para que vieran uds si notaban algo y me podrían realmente decir cual es el problema.

He estado viendo la información que me han puesto y no aplica a mi situación.

O igual no estoy entendiendo. No soy experto, pero trato de dar la info clara de mi problema.

gracias

Respondido : 27/08/2021 8:12 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Eugenio,

Realmente vemos los casos y lo que compartimos no son respuestas generales de hecho, has verificado el hacer lo que dice en el artículo? o simplemente lo has leído y ya? te invitamos a que realices este proceso que igualmente te lo comparto aca:

Agregar el código en Divi -> Opciones del tema -> Integración y añadirlo en Agregar código al head de su blog

He adjuntado una imagen del código para que el post no sea muy largo, posteriormente a este paso ingresa el css respectivo donde lo indica la entrada:

Divi -> Opciones del tema -> CSS personalizado

Agrega este código en su totalidad a este apartado. Una vez realizado esto vacia la cache de wprocket y verifica en un teléfono celular que se vea correctamente el menú ya que realizamos una prueba justo en este momento con una instalación similar a lo que tienes (menú base + Submenus que se despliegan en version de moviles) y logramos siguiendo estos pasos específicos hacer el ajuste, únicamente está la variante del complemento de cache que al ser de pago no podemos replicar.

Verificalo y aplícalo y luego nos comentas.

Un saludo 🖐️

Esta publicación ha sido modificada el hace 3 años 2 veces por Argenis

Respondido : 27/08/2021 8:57 pm

Eugenio

Estimable Member

@argenis

Pido una disculpa. Lei pero me confundi y no vi relación a lo que vi y la situación en la que según estaba. Tu guía y comentario me aclaro más la situación.

Al ver tanto código y cosas que no entiendo, me hace no ver claro.

Pero ya leí a profundidad, revise bien y me aclaro lo que tengo que hacer. Gracias de nuevo. Parece que todo bien. Seguire revisando.

Respondido : 27/08/2021 9:13 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Eugenio,

Estupendo, igualmente nos comentas una vez que realices el cambio y vacíes la cache (importante este paso) nos comentas para poder verificar.

Un saludo 🖐️

Respondido : 27/08/2021 9:16 pm

Eugenio

Estimable Member

@argenis

Hola, acabo de hacer los cambios, vacie la cache. Creo que se ve todo bien en movil. Aún así veo que hay errores en la consola, pero no sé que hacer con ellos. El menu se ve bien en mi telefono. No entiendo como resolver o de dónde viene el error en el navegador de mi escritorio. Siguen errores en rojo. Pero no alcanzo a ver cuál es el problema. Gracias.

Respondido : 27/08/2021 9:21 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Eugenio,

Efectivamente ingreso a tu sitio desde dos dispositivos diferentes y logro ver la opción activa de desplegar los submenús, con respecto a los errores solo veo estos:

Por el código entiendo que son un popup o algo que tienes instalado para que se ejecute una ventana emergente. Es posible que el wp rocket este comprimiendo ese archivo y no se ejecute correctamente.

Sin embargo ya esto seria otro tema diferente al del menú que ya esta resuelto.

Un saludo 🖐️

Respondido : 27/08/2021 9:30 pm

Eugenio

Estimable Member

@argenis

Tengo otra duda, he puesto el código en el head en vez del body. Qué me recomiendas, ya que en el artículo dice que en el body y tu me comentaste en el head. es un menu normal y no creado en el generador de temas de divi personalizados. Es el menu normal.

Respondido : 27/08/2021 9:31 pm

Argenis

Soporte CMS Webempresa Moderator

Hola Eugenio,

El codigo esta correctamente ubicado en el head, y veo que esta funcionando de forma correcta:

Recuerda como te indico Karen es el paso 2 y menciona que va en el head, donde lo has ingresado:

Saludos 🖐️

Respondido : 27/08/2021 9:36 pm

Eugenio me gusta

Eugenio

Estimable Member

@argenis

Gracias, nada más quería tenerlo claro. Estaba confundido.

He creado otro tema en el foro relacionado con lo del pop up y videos y wp rocket. para que no se mezclen. gracias de nuevo.

Respondido : 27/08/2021 9:38 pm

[Resuelto] Problemas de Java Script en Submenus en Mobil