Cómo mejorar el menú de Divi en móvil

Hoy os dejamos un fragmento de código que usamos bastante en las webs hechas con DIVI. Lo que hace es colpasar los submenús en móvil para no tener un menú interminable desplegado.

DIVI: Menú móvil estándar

DIVI: Menú móvil estándar

Este código se publicó en la web oficial de ELEGANT THEMES en mayo de 2016: “Summary: How to Collapse Nested Sub Menu Items on Divi’s Mobile Menu” pero ahí hay muchísimo contenido y esto que es interesante no se encuentra fácilmente.

Este es el código que hay que añadir a: Divi Theme Options > Integrations > Add code to the body

DIVI: Menú móvil colapsado

DIVI: Menú móvil colapsado

DIVI: Menú móvil colapsado desplegado un nivel

DIVI: Menú móvil colapsado desplegado un nivel

 

Los iconos de los menús se pueden cambiar modificando:

y

Aquí está el listado completo de iconos que se pueden usar en DIVI.

A ver si con esto mejoramos la usabilidad de los sitios de DIVI en el móvil.

Deja un comentario

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.