Ajuste de tamaños de menu

Respondido por: @infoledshomelighting-es

Hola Buenos dias.

Queria saber si hay algun plugin o algun codigo css que haga que mis menus se reajusten en funcion del tamaño de las pantallas ya que en pantallas normales (1920x1080) esta todo colocado bien, ahora en pantallas mas pequeñas (solo he probado en 1280 y 1360) el menu queda muy junto (adjunto las 2 imagenes) y quiero ajustarlos para que todo usuario pueda navegar sin problemas.

Muchas gracias

Contenido solo visible a usuarios registrados

Hola Ruben, 

En este caso podrías verificar dentro de los ajustes con media querys para ajustar el tamaño que deseas según resoluciones, por ejemplo con el siguiente código puedes aplicar estilos específicos a una resolución de 1200px y superiores

@media only screen and (min-width: 1200px) {

nav.main_menu > ul > li > a {
font-size: 10px;
}

}

Puedes verificar más estas opciones dentro de la documentación

-> https://www.w3schools.com/css/css_rwd_mediaqueries.asp

-> https://developer.mozilla.org/es/docs/Web/CSS/Media_Queries/Using_media_queries

Un Saludo 

@karen

Buenas karen

¿hay alguna manera de hacer que solo se aplicara el css cuando la pantalla es pequeña? esque si hago que quede bien en las pantallas pequeñas queda mal en las patallas grandes.

Hola Ruben,

Del código que te compartio Karen puedes modificar los pixeles del inicio junto a un cambio en max:

@media only screen and (max-width: 1200px) {

nav.main_menu > ul > li > a {
font-size: 10px;
}

}

En este caso aplica para resoluciones de 900px o menos ten en cuenta de leer la documentación:

https://www.w3schools.com/css/css3_mediaqueries_ex.asp

En esta te explica como hacer este tipo de cambio al código que solicitaste.

Un saludo 🖐️