Background image – Cutted images on Apple Devices

  • heldersantos91

    (@heldersantos91)


    7 years, 5 months ago

    Hello, Iam a graphic Designer and iam using OneTone Theme, to create the website of the company iam working right now. The Site is finished and it was really beautiful until I discovered that the background images doesnt appear on apple devices like iphones and ipads. My boss even told me (against my will because now its ugly) to cover the areas with the images with the background color instead. I dont undestand why, specially because the header background image always appeared like it should be.

    Here´s the website: http://www.cincosentidos.co.ao/

    Like you can see the only image the website have now its the banner image which was working nice on apple devices. I had background images too on the parts that have logos if you scroll down. I removed them because my boss asked me too. Because on iphones and ipads the images there simply dont appear fully (it would appear cutted on the botton for example) or dont appear at all. If i change the position of the image it cuts my image on another place like on top for example. How can i change this…i dont want the website to be like this.

Viewing 1 replies (of 1 total)
  • Theme Author MageeWP

    (@magictheme)

    7 years, 4 months ago

    Hi,

    Please update to the latest version, for the background image of banner， try adding the following custom css code (appearance > theme options > general options > custom css).

    .section-banner{
-webkit-background-size:cover;
background-size:cover;
}
    • This reply was modified 7 years, 4 months ago by MageeWP.
Viewing 1 replies (of 1 total)
  • The topic ‘Background image – Cutted images on Apple Devices’ is closed to new replies.