Soporte » Diseño – Temas y plantillas » Ajustar imagen de fondo de cabecera en versión móvil y tablet

Ajustar imagen de fondo de cabecera en versión móvil y tablet

  • Resuelto Carolina CH

    (@carolina-ch)


    hace 3 semanas, 3 días

    Hola!

    Les solicito ayuda en esto: puse una imagen de fondo en el header del blog. Me gustaría que la imagen se ajuste para verse completa en el móvil y tablet, ya que se ve sólo una parte de la misma desde éstas otras versiones.

    Muchas gracias y saludos a tod@s.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Moderador almendron

    (@almendron)

    hace 3 semanas, 2 días

    A mi me modo de ver, como mejor queda es añadiendo la siguiente regla al CSS personalizado:

    header#masthead {
	background-size: contain;
	background-repeat: no-repeat;
}

    Y por cierto, veo un error en consola. Al parecer el siguiente archivo no existe:

    https://chtagsytexturas.com.ar/wp-content/themes/padma/assets/css/custom-blog-style.css?ver=6.2

    Iniciador del debate Carolina CH

    (@carolina-ch)

    hace 3 semanas, 1 día

    Muchas gracias Almendron, por avisarme del error 404.

    Lamentablemente probé de añadir la regla que me indicaste al CSS personalizado y queda la imagen desplazada a la izquierda. Puse: 

    background-size: cover;

    … y se ve una parte mayor de la imagen en móvil y tablet, aunque no completa. Pero queda bien igual. En versión escritorio se ve completa. Doy por resuelto el tema.

    Que pasen buen domingo.

    Moderador almendron

    (@almendron)

    hace 3 semanas, 1 día

    De nada. Un saludo.

Viendo 3 respuestas - de la 1 a la 3 (de un total de 3)
  • Debes estar registrado para responder a este debate.

Vistas