menu en ipad se superpone con otros módulos  

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;
}
}

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.

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

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

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.

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

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