En este tutorial único y exclusivo de OV DIVI aprenderás a crear un menú hamburguesa lateral vertical con un efecto de navegación off-canvas hover en divi theme builder y lo mejor es que no necesitamos plugins para lograr esta increíble funcionalidad 🤩
La funcionalidad consiste en tener una barra lateral fija en la parte izquierda de la ventana del navegador, al pasar el cursor (hover) sobre esta barra se nos despliega con un efecto off-canvas el menú lateral completo.
El efecto off-canvas consiste en desplazar todo la área del contenido de tu sitio web al abrir el menú, esto pareciera un efecto simple pero realmente mejora la experiencia de usuario en un sitio web.
En la barra lateral izquierda podemos insertar cualquier módulo de divi, pero en esta ocasión he decidido insertar un logo, un módulo menú que por defecto viene con enlaces horizontales pero con un pequeño fragmento de código CSS lo convertimos en vertical y enlaces a redes sociales. Es un menú muy minimalista pero que realmente se ve muy bien 😍
Cómo todos los ejercicios de OV DIVI este menú es completamente responsive, es decir, se adapta correctamente a cualquier resolución de pantalla desde una computadora, tableta y cualquier teléfono celular.
Si quieres aprender a realizar este genial menú lateral off-canvas ya está disponible dentro de los tutoriales exclusivos del área de tu cuenta. Recuerda que desde la pestaña materiales del video tutorial tienes todos los recursos para implementar este ejercicio, también tienes el archivo JSON para que importes en tu sitio web este menú con unos cuantos clicks… 🥰
0 comentarios