Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • April 26, 2022 at 10:52 pm #1349593
    surround0

    Hello,
    I made a color section with a background image as header and it works fine and is responsive, but not on new ipads / ipads running an uptodate ios. I use an Ipad with ios12, there it works and looks fine, but my client uses a new one (I think ios14) and there the background image is not rensponsive. Do you have a solution to this problem?
    Greetings
    Andreas

    April 27, 2022 at 8:24 am #1349628
    Ismael

    Hey Andreas,

    Thank you for the inquiry.

    The background image of the color section is responding correctly when we checked the site on an iPad Air and iPad Mini emulation. Please check the screenshot in the private field.

    Would you mind providing a screenshot of the issue? You can use imgur, savvyify or dropbox for the screenshot.

    Best regards,
    Ismael

    April 27, 2022 at 9:17 am #1349641
    surround0

    Hi Ismael,

    thank you for your fast reply.
    I checked the site with google chrome – responsive view – and I tried different views (iPad Pro, iPad Air, …) it looks different to your screenshots. And – that is the main problem – I have a picture from my client`s real iPad and it looks more awful and different to all others. Please check the screenshots in the private field.
    kind regards
    Andreas

    April 27, 2022 at 6:52 pm #1349689
    Rikard

    Hi Andreas,

    Thanks for the screenshots. First off, could you try updating the theme to the latest version (4.9.2.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update.

    Best regards,
    Rikard

    May 3, 2022 at 9:19 am #1350269
    surround0

    Hi Rikard,
    the latest version 4.9.2.1 is now running, but it didn`t solve the problem
    kind regards
    Andreas

    May 4, 2022 at 7:11 am #1350404
    Ismael

    Hi,

    Thank you for the update.

    Try to add use this css code to set the background attachment to scroll on tablet view.

    @media only screen and (max-width: 1366px) {

  /* Add your Mobile Styles here */
  .avia-section.av-5pwi0l-ee46eb8910c19acd4d6c5e28187a3f13 {
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
  }
}

    Please note that this modification will disable the fixed background effect on mobile devices, but the image will be completely visible.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.