Los mega menús permiten a los usuarios ver más enlaces de una sola vez sin tener que desplazarse, pasar el cursor y recordar el contenido de tu menú. La mejor manera de pensar en los mega menús es que son menús desplegables dentro de menús desplegables.
Entonces, en lugar de su menú desplegable normal que muestra un submenú cuando se desplaza sobre los enlaces principales principales en su barra de navegación, un mega menú le permite tener enlaces principales y submenús adicionales en el menú desplegable.
Cómo agregar un mega menú a su barra de navegación
Inicie sesión en su panel de WordPress y navegue hasta Apariciones> Menús .
Cree un menú con cuatro enlaces principales con cada uno de los enlaces principales con sus propios enlaces de submenú. En el siguiente ejemplo, agrego tres elementos de submenú debajo de cada uno de los cuatro enlaces del menú principal.
Cree un enlace adicional para que sirva como enlace de megamenú. Para el ejemplo siguiente, llamo a este enlace "Principal". Luego arrastre los dos enlaces del menú principal (cada uno con sus enlaces de submenú) debajo del enlace Principal.
Ahora, para crear su megamenú, debe agregar una clase CSS especial al enlace principal de nivel superior llamado "Principal". Puede hacer esto haciendo clic en el enlace de opciones de pantalla en la parte superior de su página y asegurándose de que la opción de clase CSS esté marcada.
Finalmente, debe agregar una clase CSS al enlace "Principal" que acaba de crear. Haga clic en la flecha a la derecha del elemento del menú "Principal" para alternar las opciones de configuración adicionales. Busque el cuadro de texto titulado Clases CSS y entre en la clase "megamenú".
Ahora, cuando vuelve a cargar su página, puede ver que todos los menús anteriores se han colocado en el menú gigante debajo de este enlace, el Mega Menú.
Eso es todo por este tutorial, espero que te permita crear un mega menú en Divi con toda simplicidad
