Seleccionar página

El menú móvil de DIVI es una cosa maravillosa, pero en el mejor de los casos el menú regular permanece visible tanto como sea posible, lo que significa que sólo en resoluciones más pequeñas, donde el texto chocaría con el logotipo o entrar en dos líneas, realmente necesitamos Reducir A la versión móvil. Puesto que cada menú tiene un ancho diferente de acuerdo a sus entradas, podemos optimizar la capacidad de respuesta moviendo su punto de interrupción hasta el punto en que comienza a colisionar o romper. Podemos encontrar este punto más fácil con la herramienta de desarrollo de Chrome, que nos dice el ancho del navegador cada vez que reducimos la ventana del navegador. Simplemente utilice las siguientes líneas en el tema de su hijo o en el área CSS personalizada de las opciones de tema DIVI y reemplace el 981px por su punto de interrupción óptimo:

 

El codigo es el siguente:

/* Setting the breakpoint of the mobile menu */
@media only screen and ( max-width: 981px ) {
#top-menu-nav, #top-menu {display: none;}
#et_top_search {display: none;}
#et_mobile_nav_menu {display: block;}
}

Para regular el ancho del menu se debe utilizar:

#top-menu li {
padding: 8px
}

Pin It on Pinterest

Share This