Añadir menú para móviles en Divi

Por: Israel
Publicado el: 13 Jun 2022
Comentarios: 0
Categorías: Diseño web

Introducción

En este artículo veremos como añadir el menú para móviles en Divi independientemente del tamaño de la pantalla desde la que accedas a la web en cuestión. Lo conocerás por las típicas tres rayitas o la famosa «hamburguesa» sobre la que clicamos para desplegar el menú en smartphones o tablets.

[toc]
dd0645088ebb012289bb7958bf559b98
Israel Cabrera
Cofundador de Tresmer Profesional y El arte de la web. Enamorado de la tecnología y de las cosas bien hechas.

¿Por qué añadir un menú para móviles en mi web?

Te podría dar varios motivos y alargar innecesariamente este artículo contando que un menú para móviles mejora la accesibilidad o que mejora el posicionamiento SEO de la web, pero nada más lejos de la realidad. En este caso es por tema de diseño o gustos personales, porque me parece algo chulo o simplemente porque podemos y queremos hacerlo así para una web concreta. Así que vamos a ver cómo cambiar la apariencia del menú en el tema Divi.

Añadir menú para móviles en Divi

¿Cómo añadir menú para móviles en Divi?

En realidad, vamos a modificar las opciones de Divi para que el menú por defecto se comporte como el típico menú para móviles, con las tres rayitas, sin hacer distinciones sobre el tamaño del dispositivo que accede a la web.

En primer lugar, evidentemente con Divi Theme instalado y activado en tu WordPress, accede al panel de administración y dirígete al personalizador de temas, Apariencia->Personalizar

Apariencia-Personalizar en WordPress

Cuando termine de cargar el personalizador de temas, clic en Cabecera y navegación y posteriormente en Formato de cabecera

Tema Divi-Cabecera y navegación
Tema Divi-Formato de cabecera

Desde aquí puedes editar el formato del menú, que viene configurado con la opción de «Por defecto».

Para el propósito que nos ocupa vamos a utilizar las opciones de «Deslizar» y «Pantalla completa».

Como se trata de algo muy visual, te dejo un vídeo en el que podrás ver el proceso completo y paso a paso.

Conclusión

Como has podido comprobar en el vídeo, Divi dispone de muchas opciones con las que dar un nuevo aire al menú de tu web, incluso con el «truco» que hemos visto con la ayuda de un poco de código CSS.

De todas formas, si tienes cualquier duda, puedes volver a visualizar vídeo o dejarnos tu consulta en los comentarios.

No olvides suscribirte a nuestro canal para no perderte próximos vídeos y de compartirlo para ayudar a otras personas que estén buscando este pequeño tip con el que poder añadir menú para móviles en Divi.

¡Nos vemos en próximos artículos de @elartedelaweb!

Etiquetado en:

0 comentarios

Enviar un comentario

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

Icono