Soporte » Diseño – Temas y plantillas » Problema con el tamaño del menu

  • Resuelto pato2142

    (@pato2142)


    Hola a todos, tengo un problema con el tema Astra de WordPress, tengo un Menu creado y al estar próximo al lanzar la web he descubierto que a la hora de hacer la ventana pequeña el header no se escala al tamaño de la ventana (tampoco al tamaño de la pantalla), el header se mueve abajo en al siguiente línia en vez de estar fijo o de autoescalar. Estoy buscando en en el código donde modificar para que quede bien, pero no lo logro. ¿Alguien podría indicarme como puedo solucionar este problema?

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Moderador Jose Luis

    (@jose64)

    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.

    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

    Moderador Jose Luis

    (@jose64)

    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.

    Ok, muchas gracias

Viendo 4 respuestas - de la 1 a la 4 (de un total de 4)
  • Debes estar registrado para responder a este debate.