Cómo crear un menú móvil desplegable fijo y desplazable en Divi

Por defecto, Divi no ofrece la opción de hacer scroll en el menú para móviles/tabletas. Esto en un menú con pocos elementos no importa, el problema viene cuando tenemos muchos elementos de menú ya que al final se cortará y no mostrará todos los elementos, dificultando el acceso a ciertas parte de la web.

Esto lo podemos solucionar con un simple código de CSS:

.et_mobile_menu {
     overflow: scroll !important;
     max-height: 84vh; 
     box-shadow: 0px 0px 30px rgba(0,0,0,0.3) 
}

 

El código lo podemos añadir directamente en Divi -> Opciones del tema -> CSS personalizado

 

El efecto será un menú en el que se puede hacer scroll, con lo que ya no tendremos el problema de mostrar todos los elementos del menú.

Updated on 29 junio, 2021

Related Articles