Avisos
Vaciar todo
Hola, buenas tardes:
Tengo instalada la plantilla Prometeo de Joomla y he detectado que tanto en la plantilla original, como en la que yo estoy trabajando, el menú salta de línea (se coloca en 2 líneas - Adjunto capturas de pantalla de emulador responsive-) si lo visualizas en tablets con resoluciones aproximadas de entre 768x1024 y 800x480. En resoluciones superiores no hay problema y en resoluciones inferiores tampoco, porque carga el menú responsive.
¿Podríais orientarme sobre cómo solucionar este problema?
Muchas gracias
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 15/10/2014 5:37 pm
Hola!,
Como rápida solución del problema yo lo que haría sería reducir el tamaño de letra de dicho menú hasta que se ajustara a todas las resoluciones quedando bien el menú en su sitio, siempre y cuando no afecte mucho al diseño.
Ya que el problema que yo veo es de espacio.
Respondido : 15/10/2014 5:49 pm
He estado probando distintos tamaños de letra con el firebug, y he llegado a la conclusión que cambiando:
.gf-menu.l1 -> li > menu-03...8c5.css
.item {
font-size: de 15 a 13 px
y el
.layout-mode-responsive .gf-menu.l1 > li > .item {
font-size: de 15 a 13 px
}
.gf-menu.l1 > li > .item{
padding: 30 px 10px
}
Modificando eso en el css no me da ningun error en las resoluciones, testealo si quieres!
Respondido : 15/10/2014 6:35 pm
Muchas gracias por tu aportación, Javier, pero no quiero reducir la tipografía del menú.
Respondido : 15/10/2014 7:44 pm
¿Alguien puede echarme una mano, por favor? 😉
Gracias!!
Respondido : 15/10/2014 7:49 pm
Hola
Esto es propio de como lo gestiona el theme
Lo que pod´rias hacer es forzar los contenedores responsive a que a una determinada resolución ocupen todo el ancho, es decir cuando redimensionas en lugar de mostrarse en dos fila se mostraría tal como se muestra en la pantalla
Otras opciones sería que reduzcas la cantidad de ítems de menú
Saludos
Respondido : 15/10/2014 11:00 pm
Tal y como me muestras en la imagen adjunta me podría valer.
¿Podrías orientarme un poco, por favor?
Gracias!!
Respondido : 15/10/2014 11:05 pm
Bueno, después de muchas vueltas, creo que he encontrado una solución aceptable.
Lo comento aquí por si pudiera servirle a alguien.
Al hilo de lo que me habías indicado, he editado el archivo grid-responsive.css (/public_html/vertigru/libraries/gantry/css) y he modificado la línea 121, que corresponde a .rt-grid-7, cambiando el valor 448 por 580 - {width: 580px;} -.
De este modo consigo que el menú se coloque debajo del logo, evitando ese efecto tan feo de menú en dos líneas.
¿Alguna pega a esta solución, Jhon?
Gracias por adelantado 😉
Respondido : 15/10/2014 11:44 pm
Hola,
Si solicitas una segunda opinión se ve correcto tal como muestras en captura.
Respondido : 16/10/2014 2:32 am
¡¡Muchas gracias, Johnny!!
Respondido : 16/10/2014 3:12 am
