Pregunta sobre Max Mega Menu de Wordpress:

Ancho del menú de la página de carga

Un usuario preguntó 👇

Al cargar la página, no se establece el ancho del menú. Una vez que se carga la página, el menú oke vuelve a aparecer. Mientras tanto, cuando no se establece el ancho, la página en la parte inferior se estira provocando un gran espacio en blanco debajo del pie de página. Mira a la pantalla https://imgur.com/N89X1Na

Este tema fue modificado hace 2 años por.

(@megamenu)

Hace 2 años

Hola Mustafa,

¿Puede actualizar a v2.5.3 (lanzado hoy)?

Hay un arreglo que es relevante. Veo que ha eliminado «cadenas de consulta de recursos estáticos», por lo que deberá asegurarse de borrar la memoria caché de su navegador. Esto es muy importante porque JavaScript se ha actualizado en esta versión, pero sin cadenas de consulta no hay forma de que su navegador lo sepa, por lo que debe almacenarlo en caché manualmente.

(@ mustafa3107)

Hace 2 años

EDITAR
Desactivé y activé el plugin y ahora está dando un error en la consola.

jQuery.Deferred exception: e.indexOf is not a function TypeError: e.indexOf is not a function
    at w.fn.init.w.fn.load (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:82468)
    at $.maxmegamenu.plugin.init (http://domein.usualize.nl/bomonti/wp-content/plugins/megamenu/js/maxmegamenu.js:492:23)
    at new $.maxmegamenu (http://domein.usualize.nl/bomonti/wp-content/plugins/megamenu/js/maxmegamenu.js:501:16)
    at HTMLUListElement.<anonymous> (http://domein.usualize.nl/bomonti/wp-content/plugins/megamenu/js/maxmegamenu.js:507:30)
    at Function.each (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:2573)
    at w.fn.init.each (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:1240)
    at w.fn.init.$.fn.maxmegamenu (http://domein.usualize.nl/bomonti/wp-content/plugins/megamenu/js/maxmegamenu.js:505:21)
    at HTMLDocument.<anonymous> (http://domein.usualize.nl/bomonti/wp-content/plugins/megamenu/js/maxmegamenu.js:514:29)
    at l (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29375)
    at c (https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js:2:29677) undefined
jquery.min.js:2 Uncaught TypeError: e.indexOf is not a function
    at w.fn.init.w.fn.load (jquery.min.js:2)
    at $.maxmegamenu.plugin.init (maxmegamenu.js:492)
    at new $.maxmegamenu (maxmegamenu.js:501)
    at HTMLUListElement.<anonymous> (maxmegamenu.js:507)
    at Function.each (jquery.min.js:2)
    at w.fn.init.each (jquery.min.js:2)
    at w.fn.init.$.fn.maxmegamenu (maxmegamenu.js:505)
    at HTMLDocument.<anonymous> (maxmegamenu.js:514)
    at l (jquery.min.js:2)
    at c (jquery.min.js:2)

Me aseguré de borrar mi caché después de la actualización, pero no me cambia. en este punto, use el siguiente CSS para reducir el espacio en blanco que se está configurando:

#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu{
    min-width: 400px;
    overflow: hidden;
}

@media (max-width:768px){
	#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu{
	    min-width: 200px;
	    overflow: hidden;
	}
}

esto no es apropiado. No estoy seguro de qué está causando el problema, espero que pueda ayudar. ¿Está relacionado con que el estilo se esté cargando después de que la página se haya cargado? ¿no sé?

Esta respuesta fue modificada hace 2 años por. Esta respuesta fue modificada hace 2 años por. Esta respuesta fue modificada hace 2 años por. Esta respuesta fue modificada hace 2 años por.

(@ mustafa3107)

Hace 2 años

Reactivar la conexión en caliente de la desactivación y ahora recibo un error y el ancho está completamente roto.

TypeError Error: e.indexOf no es una función

(@megamenu)

Hace 2 años

Hola Mustafa,

Ah, ya veo. Esto se debe a que está utilizando una versión personalizada de jQuery (v3.3.1) en lugar de la versión predeterminada lanzada con WordPress. Lo arreglaré ahora y te lo devolveré.

(@megamenu)

Hace 2 años

Hola Mustafa,

Creo que lo he arreglado ahora.

¿Podría instalar el plugin «WP Rollback» y luego usarlo para instalar v2.5.3.1 de Max Mega Menu?

(@ mustafa3107)

Hace 2 años

El error parece desaparecer ahora. Eliminé mi CSS que estaba reduciendo el espacio en blanco y su actualización anterior pareció solucionar mi problema de espacios en blanco. Todavía está cargando un menú largo y después de cargarlo nuevamente, pero no queda ningún espacio en blanco (estiramiento), así que eso está bien para mí. ¡Gracias por la rápida respuesta y configuración!

Esta respuesta fue modificada hace 2 años por. Esta respuesta fue modificada hace 2 años por.

(@megamenu)

Hace 2 años

Hola Mustafa,

Genial, gracias por la actualización 🙂

Puede usar CSS como este para darle al menú un ancho más amplio que se aplicará durante una fracción de segundo (antes de que la página se cargue por completo y MMM vuelva a calcular el ancho del submenú):

#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu {
    width: 500px;
}

(@ mustafa3107)

Hace 2 años

Sí, pero si lo hago, tengo que agregar la pregunta de medios al menú móvil porque, de lo contrario, mi menú móvil romperá el ancho de la página. y no estoy seguro de qué hará esto para un móvil diferente al mío.

#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu{
    min-width: 400px;
    overflow: hidden;
}

@media (max-width:768px){
	#mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu{
	    min-width: 200px;
	    overflow: hidden;
	}
}

(@megamenu)

Hace 2 años

Hola Mustafa,

Pruebe esto, en Mega Menú> Temas de menú> Estilo personalizado:

@include desktop {
    #mega-menu-wrap-navbar #mega-menu-navbar > li.mega-menu-megamenu > ul.mega-sub-menu {
        width: 500px;
    }
}

(@ mustafa3107)

Hace 2 años

Si lo entendi. ¡Gracias!

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *