Creación de Mega Menús en Divi
Los mega menús son una excelente manera de consolidar tus elementos de menú excesivos.
Los Mega Menús permiten a los usuarios ver más enlaces al mismo tiempo sin la molestia de tener que desplazarse, pasar el cursor o recordar el contenido del menú.
Los Mega Menús pueden pensarse como menús desplegables dentro de otros menús desplegables. A diferencia de un menú desplegable estándar, que solo muestra un submenú al pasar el cursor sobre un enlace principal en la barra de navegación, un mega menú te permite tener enlaces principales adicionales y submenús dentro del mismo menú desplegable.
Esto ofrece una experiencia de navegación más organizada y completa para el usuario.
Cómo agregar un Mega Menú a tu barra de navegación
Ve a Apariencia → Menús.
Por ejemplo: Estoy añadiendo tres elementos de submenú debajo de cada uno de los cuatro enlaces principales del menú.
4. Para crear un Mega Menú, necesitas agregar una clase CSS especial llamada mega-menu al enlace principal de nivel superior. Para hacerlo, haz clic en el enlace Opciones de pantalla en la parte superior de tu página y asegúrate de que la opción Clases CSS esté marcada. Esto te permitirá añadir la clase necesaria a tu enlace y crear un Mega Menú fácilmente.
5. Habilitar la clase CSS
Agrega la clase CSS mega-menu al enlace Características que creaste. Haz clic en la flecha a la derecha del elemento del menú Características para desplegar las opciones adicionales de configuración. Busca el cuadro de texto Clases CSS y escribe la clase mega-menu.
Agregar la clase CSS al ítem del menú
Popular Articles
Guía de Negocio para Resellers y Partners
En esta Guía de Negocio vamos a analizar los 8 puntos más importantes a tener en cuenta si te estás planteando lanzar tu Propio Negocio de Apps: ¿Cuánto puedes ganar con un Negocio de Apps? Demo de Scoreapps: Cómo crear Apps y Monetizarlas ¿Qué ...Ver una Demo de Scoreapps para Resellers
En este vídeo te explicamos el modelo de negocio, los tipos de Apps que puedes crear y las distintas herramientas que incluye Scoreapps en su Plan de Resellers: Y en este otro vídeo te enseñamos cómo funciona el software por dentro:Proporciona acceso a tus Aplicaciones
Con el Plan Reseller o Plan Partner puedes otorgar fácilmente a tus clientes o colaboradores acceso a tus aplicaciones. Accede a tu Panel de Apps, y después accede a cualquier Aplicación: Una vez dentro del constructor de Apps, ve a Mi Cuenta - ...Cómo Crear una App de Tienda
El comercio electrónico desde dispositivos móviles se disparó desde comienzos de 2020 debido a la Pandemia del Covid19 y sigue creciendo a tasas del 45% anual. Hoy en día, contar con una App de Tienda resulta imprescindible para cualquier negocio de ...Cómo diseñar la pantalla de inicio o portada de una App
En el video que te mostramos a continuación te explicamos cómo diseñar la pantalla de inicio de una App:
Related Articles
Uso de las Opciones de Sombra de Caja en Divi
Las opciones de sombra de caja en Divi te permiten darle a cualquier elemento de la página la ilusión de profundidad. Las sombras proyectadas son una forma creativa de dar vida a los elementos de diseño de tu sitio web. Pueden resaltar elementos e ...Uso de las Opciones de Tamaño en Divi
Las Opciones de Tamaño de Divi facilitan el ajuste del tamaño de secciones, filas, columnas y módulos en Divi. Las Opciones de Tamaño de Divi hacen que ajustar el tamaño de secciones, filas, columnas y módulos sea sencillo. El tamaño es una parte ...Presets Globales de Divi
Aprende cómo crear presets de Divi y aplicarlos a módulos en todo tu sitio web. <br> Una visión general de la función de presets globales de Divi Un reemplazo poderoso para los valores predeterminados globales Los presets globales de ...Opciones Sticky de Divi
Presentamos el sistema sticky más completo en cualquier creador de páginas para WordPress Las Opciones Sticky de Divi son una nueva función que te permite fijar cualquier elemento en la parte superior y/o inferior de la ventana del navegador mientras ...Cómo usar los formatos de publicaciones de blog en Divi
Divi incluye soporte para formatos de publicación de video, audio, enlaces y citas. Personalizar el diseño de las publicaciones del blog es una excelente manera de hacer que tu contenido y página web se destaquen. La forma recomendada de hacerlo ...