Responsive Header Image. Es responsive pero no para todos los dispositivos

Hola, estoy utilizando un tema hijo ( child) de Studiopress. He sustituido el texto del header por una imagen. El header es 1140×100..

En functions.php he dejado sin efecto esto (comment it out)

/*add_theme_support( ‘genesis-custom-header’, array(

‘width’ => 1140,
‘height’ => 100
) );*/

Después en style.css he incluido esta línea

#header { background: url(«images/logo.png») left no-repeat; }

luego he incluido alguna línea en la parte de responsive haciendo referencia a esta imagen del header. La imagen es responsive excepto para Ipad Landscape (1024×768), Kindle Landscape(1024×768) y Pc(escritorio o portatil). Estas son las menciones a estos dispositivos en la parte responsive del style.css

/* iPads (portrait and landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
#header { background: url(«images/logo.png») no-repeat;
}
/* iPads (landscape) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
#header { background: url(«images/logo.png») no-repeat;
}
/* iPads (portrait) ———– */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
#header { background: url(«images/logo.png») no-repeat;
}
/* Desktops and laptops ———– */
@media only screen
and (min-width : 1224px) {
#header { background: url(«images/logo.png») no-repeat;
}

No se que tengo que hacer más. ¿ Alguien me puede ayudar ? Muchas gracias!!!!!!