Cómo crear un menú hamburguesa fullpage dividido en dos secciones con el divi theme builder sin plugins

En este tutorial premium aprenderás a diseñar un increíble menú hamburguesa fullpage dividido en dos secciones con el divi theme builder y lo mejor sin plugins

Como primer paso vamos a diseñar un header el cual tendrá nuestro logo de lado izquierdo y el menú hamburguesa de lado derecho. Este menú hamburguesa será animado, es decir, al pasar el cursor sobre el icono, las tres «rayitas» que lo conforman empezarán a moverse y esto lo vuelve muy interactivo.

Una vez hagamos click sobre el icono hamburguesa se nos desplazarán dos secciones: una saldrá del lado izquierdo y la otra del lado derecho, estas secciones se mostrarán con un efecto de animación hasta encontrarse una con otra, realmente es un efecto genial

En la sección de la izquierda solamente tendremos una imagen de fondo, mientras que en la sección de la derecha tendremos los enlaces a nuestras páginas. Pero lo increíble es que al pasar el cursor sobre cada uno de los enlaces de las páginas, la imagen de la sección de la izquierda se irá reemplazando mientras que los enlaces de las páginas se remarcarán con un subrayado.

Obviamente no estamos limitados a esta composición ya que al ser un menú construido con el propio divi builder, podemos hacer uso de filas, columnas y cualquier módulo para lograr la composición que queramos.

Este tutorial es exclusivo y original de WP Academia, así que es un ejercicio que vale completamente la pena

Artículos relacionados

Respuestas

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