Cerrar video

Cómo diseñar un mega menú avanzado estilo Elegant Themes con el generador de temas de divi

por | Ago 4, 2022 | Tutorial gratuito, Tutorial premium | 0 Comentarios

Este tutorial aprenderás a diseñar, crear el mega menú del sitio de Elegant Themes, este menú lo vamos a personalizar con el generador de temas de divi (mejor conocido como Divi Theme Builder) y un plugin llamado Divi Mega Menu de Divi Engine.

Cabe mencionar que este tutorial es Freemium, es decir, está disponible tanto en YouTube como en los tutoriales exclusivos de la Academia OV Divi, la diferencia es que si lo ves desde la Academia tendrás a disposición todos los materiales y recursos que utilizamos en este tutorial.

Cómo diseñar un mega menú avanzado estilo Elegant Themes con el generador de temas de divi

En este ejercicio vamos a empezar construyendo el header o cabezal que estará conformado por un logotipo, enlaces del menú y un botón de llamada a la acción, este header tendrá un efecto sticky el cual consiste en que al desplazarnos sobre la página el header se quede fijo en la parte superior y reemplace algunos estilos como: cambio de color de fondo, reducción de tamaño de la tipografía, logotipo de blanco a negro, botón de llamada la acción más pequeño.

Lo anterior lo vamos a lograr con los módulos y opciones por defecto que ya vienen con divi, de igual forma la creación de cada uno de los mega menús los vamos a diseñar completamente con el divi builder, en cambio, para la funcionalidad del mega menú vamos a necesitar de un plugin premium que te dejaré en la pestaña materiales dentro de los tutoriales exclusivos.

Si lo deseas también puedes usar algún otro plugin de mega menús e incluso hacerlo sin plugins tal y como lo hicimos en este tutorial.

Bueno, ya fue mucho bla bla bla, mejor dale play al video y disfruta de este increíble tutorial.

Un abrazo.

Este tutorial es premium

Accede a éste y más tutoriales exclusivos de la Academia OV DIVI por tan sólo $8.00 USD al mes y saca el máximo provecho del mejor tema y constructor visual para WordPress.

Tutoriales Relacionados

0 comentarios

Enviar un comentario

Tu dirección de correo electrónico no será publicada.

Tutoriales Exclusivos

Tutoriales exclusivos OV Divi

Lleva tus sitios web creados con divi al siguiente nivel.

Accede a tutoriales exclusivos y únicos de divi y saca el máximo provecho del mejor tema y constructor visual para WordPress.

$8 USD / mes

Pin It on Pinterest