Añadir menú para móviles en Divi

¿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.

¿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

Cuando termine de cargar el personalizador de temas, clic en Cabecera y navegación y posteriormente en 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!