Hola.
Yo lo veo funcionando correctamente, hasta pantallas de 922px de ancho escala el menú, para pantallas menores lo cambia por un menú hamburguesa, comprobado en Chrome, Opera y Firefox.
Iniciador del debate
pato2142
(@pato2142)
Hola @jose64 y gracias por contestar, ayer a la noche despues de investigar encontre una «Solucion temporal» ya que no es de mi agrado.
En el CSS de la página puse lo siguiente:
@media only screen and (min-width: 1600px){
.menu-item{
font-weight: bold;
font-family: Arial;
font-size: 18px;
}
}
lo que hace que cuando la pantalla se hace pequeña cambie la fuente de la letra, pero lo que me gustaría hacer es que esto esté automático, no que tenga que hacer varias copias del código de arribar para que se ajuste a varias resoluciones. No he logrado encontrar una opción para que se ajuste automático sin dañar la version de tablet y móvil
Hola.
No te gustará, pero las media queries son para eso, lo que si, no tienes que cambiar la fuente, solo tienes que cambiar el tamaño de la letra de acuerdo al tamaño, con esa lo que hiciste fue cambiar el tipo de letra para los tamaños más grande (pantalla de más de 1600px)
Tienes que definir las media queries para los distintos tamaños, funciona perfectamente hasta 922px, en esa resolución cambia a menú hamburguesa. Como te indiqué antes, to lo veo correctamente en tres navegadores, en ningún caso me dividió el menú en dos, eso si, tienes tantos elementos que en los tamaños más pequeños el tamaño de la fuente es muy pequeño.
Coméntanos tus progresos y recuerda cerrar el debate cuando lo consideres resuelto, así nos ayudas a mantener el foro al día.
Realmente la mejor solución sería plantearte cambiar el menú por uno con menos elementos y dos niveles de profundidad.
