Cómo crear un mega menú (menú desplegable completamente personalizable)

05 Modo de edicion diseño web Tarragona

En este artículo os quiero mostrar como crear un megamenu desplegable con la plantilla flatsome

Esto es lo que vamos ver

  • Crear un nuevo bloque
  • Habilitar el diseño del menú personalizado
  • Configurar el diseño del menú personalizado
  • Modo de edición
  • Ejemplos de la galería Flatsome Studio

Paso 1 – Crear un nuevo bloque

Los bloques pueden tener cualquier título, pero usaremos la siguiente una vez como ejemplo y les agregaremos CML (diseño de menú personalizado).

  • Cree un nuevo bloque vacío ‘CML – Mega 1’
  • Lo encontrarás en: UX Blocks > Añadir nueva
01 Crear un nuevo bloque diseño web Tarragona

Paso 2 – Habilitar el diseño del menú personalizado

  • Habilite un ‘Diseño’ y seleccione el bloque que acaba de crear para el diseño del menú personalizado.
  • Guarde el menú.
  • Lo encontrarás en : Apariencia > Menús
02 Habilitar el diseno del menu personalizado diseño web Tarragona

Si este menú también está asignado a la ubicación del menú ‘Menú principal – Móvil’, los elementos del menú secundario son visibles en la barra de navegación lateral.

03 Habilitar el diseno del menu personalizado diseño web Tarragona

Es posible separar la navegación principal y la navegación de la barra lateral (móvil) si así lo requiere.

Paso 3 – Configurar el diseño del menú personalizado

  • Una vez que haya guardado las opciones del menú en el paso anterior, navegue por la web
  • Edite el diseño del menú mediante el enlace «Edit Block» al desplazarse por el menú.
04 Configurar el diseno del menu personalizado diseño web Tarragona

Paso 4 – Modo de edición

Se creativo

05 Modo de edicion diseño web Tarragona

Aquí podéis ver los ejemplos de la galería Flatsome Studio

Deja una respuesta

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

  Acepto la política de privacidad

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.