DUDA - Background CSS3

Hola que tal, seré breve, mi codigo CSS3 para el background es el siguiente:

body{
background-image: url(../img/manzana.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}

En mi pc de escritorio se ve perfectamente ocupando toda la pantalla, en mi ipad igualmente se ve perfectamente el fondo ocupando toda la pantalla, pero paso a mi celular ( es un galaxi note 3 ) y el fondo solo ocupa el tamaño del menu, alguien me dice a que se debe?, esto en vertical, giro mi celular a horizontal y perfectamente ocupa toda la pantalla el fondo, lo extraño aqui es que con el ipad y mi imac si funciona que debo hacer?

Qué forma tiene la imagen? horizontal o vertical? para los móviles deberías usar y le das un min-width, max-width y usas porcentajes.

Prueba esto y nos cuentas.

Ya lo arregle, añadi un position absolute al menú era eso.

es que sin ver como responde el menu era dificil
darte la solucion correcta, pero recuerda que segun
dispositivo hay que adaptar el css.

Si tu empiezas a maquetar por movil siempre
lo tendras mas facil.

asesor dijo:

es que sin ver como responde el menu era dificil
darte la solucion correcta, pero recuerda que segun
dispositivo hay que adaptar el css.

Si tu empiezas a maquetar por movil siempre
lo tendras mas facil.

Hacer clic para expandir...

Yo lo hago al revés y se me hace más fácil... Porque diseño de PC a Movil, no de Movil a PC jeje

Chevere codigo... gracias por compartirlo amigo. lo usaré 😀