Avada Forums Community Forum Background image for page stretched on iOs

Viewing 1 post (of 1 total)
  • Author
    Posts
  • swiftfreeze
    Participant
    Post count: 2

    Hi everyone,

    I’ve had this problem that I couldn’t solve. When I set a page background on any of the pages at:
    https://kermodegrove.com/

    It sticks nicely on Desktop, but doesn’t work as intended on Android and iOs (both iPhone and iPad). The problem is that the background stays behind at the top on mobile/tablet and doesn’t scroll as fixed on mobile devices.

    A potential fix that I did was setting the background attachment from scroll to fixed before the Avada 7 update and that worked, but now it doesn’t anymore after updating. I read somewhere that iOs needs the scroll property to be sticky, but it just doesn’t work at all.

    The only thing that works is tiling, but that’s not the intended purpose of the feel for this website.

    Any idea how to make the page backgrounds stick with a 100% height (ignoring the width, because the background images are 1920×1080 anyway) on Android and iOs devices? Avada ignores my custom css rules and I have no clue how to get this properly working.

    Thank you in advance!

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.