Como corrigir problemas no background da homepage em iPhones?

[lmdpires]

Olá, estou a ter problemas no background da homepage com os Iphones. Em Desktop e Android está tudo correcto, em Iphone a imagem está estranha.

Já removi o background-attachment: fixed; porque li que em Iphone não reconhecia esta propriedade, mas com o código abaixo também não está a dar.

@media (max-width: 600px) {
.bg-home {
    background-image: url($homepage_background_image);
  background-attachment: scroll;
  -webkit-background-size:cover;
  background-position: center center;

}
}

Já experimentei com diversas propriedades diferentes, mas em nenhum caso resolveu a situação. Anexo screenshots em Android (que está certo) e Iphone (o background está todo desconfigurado) e anexo também a imagem do background original.

Alguém pode ajudar com alguma dica.

Obrigado desde já pela vossa atenção.

 

[jimbrown1]

Hi,

It sounds like a tricky issue with the homepage background on iPhones. Since you've already removed background-attachment: fixed; and it's still not displaying correctly, let's try adjusting the CSS a bit more:

@media (max-width: 600px) {
  .bg-home {
    background-image: url($homepage_background_image);
    background-attachment: scroll;
    background-size: cover; /* Use standard background-size */
    background-position: center center;
    background-repeat: no-repeat; /* Ensure the background doesn't repeat */
  }
}

This should help ensure the background image is properly sized and positioned. If the issue persists, you might need to test different background-size properties like contain instead of cover to see if it resolves the display problem on iPhones.

Editado Quinta às 07:33 por jimbrown1