Avisos
Vaciar todo

menu en ipad se superpone con otros módulos  

 
Rosario
 Rosario
Noble Member

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

Citar
Respondido : 15/09/2018 2:10 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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;
}
}
ResponderCitar
Respondido : 15/09/2018 2:34 pm

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

Rosario
 Rosario
Noble Member

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.

ResponderCitar
Respondido : 15/09/2018 3:02 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

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

ResponderCitar
Respondido : 15/09/2018 3:42 pm

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

Rosario
 Rosario
Noble Member

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ú.

ResponderCitar
Respondido : 15/09/2018 4:42 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

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.

ResponderCitar
Respondido : 15/09/2018 5:16 pm

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

Rosario
 Rosario
Noble Member

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í.

ResponderCitar
Respondido : 15/09/2018 8:05 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

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

ResponderCitar
Respondido : 15/09/2018 8:26 pm

Cursos Gratuitos WordPress