Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 26, 2020 at 4:10 am #1233255
    shtzhang

    I Import this Demo as base for http://www.taptouch.net. And found that the middle 2 blue background picture (cellphone) can not displayed correctly on iPAD (both Chrome and Safari) while all good on Macbook or PC and Android Phones.

    Then I check original Demo and found that bug is there already. Could you please help to have a look into that?

    July 30, 2020 at 7:19 am #1234087
    Ismael

    Hey shtzhang,

    Thank you for the inquiry.

    This is actually an issue with iOS devices and fixed background images.

    iOS has an issue preventing background-attachment: fixed from being used with background-size: cover – see details

    // https://caniuse.com/#feat=background-attachment

    To fix the issue, we can reset the background attachment from fixed to scroll. Add this code in the Quick CSS field or the child theme’s style.css file.

    @media only screen and (max-width: 1366px) {
    .avia-bg-style-fixed {
        background-attachment: scroll !important;
    }
}

    Please don’t forget to toggle or disable the Performance > File Compression settings after adding the code.

    Best regards,
    Ismael

    July 31, 2020 at 2:06 am #1234259
    shtzhang

    Thank you and got it.

    July 31, 2020 at 3:36 am #1234264
    Jordan Shannon

    Hi,

    Did you need additional help with this topic or shall we close?

    Best regards,
    Jordan Shannon

    July 31, 2020 at 9:46 am #1234327
    shtzhang

    I like the static background and don’t know whethere we ca do it on iPAD.

    August 3, 2020 at 1:23 pm #1234832
    Ismael

    Hi,

    What do you mean by “static” background? Unfortunately, we can’t really do anything with the fixed background issue because it’s not supported by iOS devices including iPads as we explained previously.

    Thank you for your patience.

    Best regards,
    Ismael

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