Soporte » WordPress Avanzado » 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!!!!!!

Viendo 1 respuesta (de un total de 1)
  • David Merinas

    (@davidmerinas)

    Hola!!

    Así en frío, sin más datos y sin ver el CSS completo, sobretodo el correspondiente a #header, te diría que revises si has definido correctamente las dimensiones de la capa, es decir, los valores de width y height de #header en el CSS.

    Ya nos cuentas.

    Un saludo.

Viendo 1 respuesta (de un total de 1)
  • El debate ‘Responsive Header Image. Es responsive pero no para todos los dispositivos’ está cerrado a nuevas respuestas.