Avisos
Vaciar todo
Joomla 3.0
8
Respuestas
4
Usuarios
0
Reactions
253
Visitas
Topic starter
Tengo un problema con el menú de la web en tablet e ipad. A partir de 800x600, el menú superior no se contrae enlas tres rallitas y se superpone con el logo y la extensión de traducción. ¿Conocéis alguna solución?, es un problema que fea mucho la web y no tengo ni idea de qué hacer.
URL del sitio: Contenido solo visible a usuarios registrados
Respondido : 15/09/2018 1:10 pm
Hola Rosario.
prueba añadir lo siguiente:
@media only screen and (max-width: 800px) {
.uk-navbar-nav > li > a {
font-size: 15px;
letter-spacing: 2px;
padding: 0 10px;
}
}
Respondido : 15/09/2018 1:34 pm
Topic starter
No hay suerte con esta instrucción no se altera nada, la estoy poniendo provisionalmente en el archivo custom con el inspector de chrome, pero no va.
Respondido : 15/09/2018 2:02 pm
Hola rosario.
prueba añadirlo sin el media:
.uk-navbar-nav a {
font-size: 14px!important;
letter-spacing: 2px!important;
padding: 0 10px!important;
}
Un saludo
Respondido : 15/09/2018 2:42 pm
Topic starter
Muchas gracias, esta instrucción me arregla parcialmente el problema en cuanto que consigue que en el formato ipad no se superpongan los módulos, pero altera el diseño en los formatos de ordenador de mesa. Lo que me gustaría poder conseguir es que el menú se recogiera como en los formatos más pequeños, y se accediera a él a través de las tres líneas del menú responsive ¿Puedes ayudarme a conseguir esto? Te adjunto dos capturas para que veas la diferencia en el diseño del menú.
Respondido : 15/09/2018 3:42 pm
Hola
Prueba modificando el código que te envió Pepe, en su lugar agrega adicionalmente un media query, creo que se deforma a partir de 1024px aprox
@media(max-width:1024px){
.uk-navbar-nav a {
font-size: 12px!important;
letter-spacing: 2px!important;
padding: 0 10px!important;
}
}
Saludos.
Respondido : 15/09/2018 4:16 pm
Topic starter
Gracias Jhon, la respuesta es genial y mi web otra vez funciona, aunque lo que hace esta instrucción es ajustar el menú a su espacio y que no se superponga con los demás módulos, no recogerlo en las tres rayitas como en los iphone. pero me vale así.
Respondido : 15/09/2018 7:05 pm
Hola Rosario,
Por curiosidad, y para no indicarte un hack CSS que luego provoque que en otros dispositivos/navegadores de problemas, y sabiendo que "Safari" es muy particular en versiones iOS antiguas....
¿Que versión de iOS tienes en el iPad y que modelo de iPad es?
Gracias
Respondido : 15/09/2018 7:26 pm
