Menú en dos líneas en tablets (800x480 y 768x1024 ) Plantilla Prometeo responsive - Joomla-  

 
Micky
 Micky
Estimable Member

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

Citar
Respondido : 15/10/2014 5:37 pm
Javier
 Javier
Usuario activo

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.

ResponderCitar
Respondido : 15/10/2014 5:49 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Javier
 Javier
Usuario activo

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!

ResponderCitar
Respondido : 15/10/2014 6:35 pm
Micky
 Micky
Estimable Member

Muchas gracias por tu aportación, Javier, pero no quiero reducir la tipografía del menú.

ResponderCitar
Respondido : 15/10/2014 7:44 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Micky
 Micky
Estimable Member

¿Alguien puede echarme una mano, por favor? 😉

Gracias!!

ResponderCitar
Respondido : 15/10/2014 7:49 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 15/10/2014 11:00 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Micky
 Micky
Estimable Member

Tal y como me muestras en la imagen adjunta me podría valer.

¿Podrías orientarme un poco, por favor?

Gracias!!

ResponderCitar
Respondido : 15/10/2014 11:05 pm
Micky
 Micky
Estimable Member

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 😉

ResponderCitar
Respondido : 15/10/2014 11:44 pm

Cursos Gratuitos WordPress

Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola,

Si solicitas una segunda opinión se ve correcto tal como muestras en captura.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/10/2014 2:32 am
Micky
 Micky
Estimable Member

¡¡Muchas gracias, Johnny!!

ResponderCitar
Respondido : 16/10/2014 3:12 am

wpdoctor-revisa-la-salud-de-tu-wordpress

Por favor Iniciar Sesión o Registro