Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • May 28, 2023 at 7:28 am #1408841
    Nomad

    Hi Folks,

    looks perfect on Desktop and Smartphone – but not on Tablet:
    looks like a stretch or scaling issue.

    ((GIF as Background-Pic, fixed, top centred, stretch to fit…))

    Hope, you can help.

    May 28, 2023 at 3:07 pm #1408867
    Mike

    Hey Nomad,
    Thank you for the link to your page, I took a look at your gif at the typical tablet screen sizes such as 768px, 1024px, 1366px, 1440px on Windows in Chrome, Firefox, & Edge but the background gif looks the same to me, please see the screenshot in the Private Content area.
    Please use the screen resolution tool to tell us what size you are seeing this at and if it’s an actual device or in the browser dev tools, and perhaps a screenshot would help.

    Best regards,
    Mike

    May 28, 2023 at 5:55 pm #1408882
    Nomad

    Hey Mike,

    thx for getting back.
    Screen Resolution Tool shows 834×1194 (iPad Pro)
    pls see screenshot of BG GIF attached.

    May 28, 2023 at 7:31 pm #1408889
    Mike

    Hi,
    Thanks for the feedback, I see the text in your screenshot is different than what I see on the site, to me it looks like placeholder text, are you checking a different page?
    I don’t have a iPad, but I check in Safari v16.4.1 on a Mac v12.6.5 in Responsive Design Mode simulating a iPad pro and the background gif looked normal, not like your screenshot. Please see the screenshot in the Private Content area.
    Another user reported a different issue with a old iPad that the updated Safari had solved and he said that some older iPad were “locked” to their versions and couldn’t update, are you able to update your iPad?

    Best regards,
    Mike

    May 29, 2023 at 7:09 pm #1408956
    Nomad

    Hi Mike,

    thx for your input. I updated iPad to v16.5 today and – again – had no luck.
    Situation didn’t change. pls see pic.
    And yes: Safari OSX on Mac shows wonderful GIF in Responsive Design Mode…

    😢

    May 29, 2023 at 9:51 pm #1408960
    Mike

    Hi,
    Thanks for the feedback and the screenshot, since I don’t have a real iPad I have asked the rest of the team to check your page with a real iPad, and either them or I will follow up with you then. Thank you for your patience and understanding and for using Enfold.

    Best regards,
    Mike

    May 30, 2023 at 6:16 pm #1409041
    Mike

    Hi,
    A team member recommends that it might be related to the background attachment property being set to “fixed” and try this thread.

    Best regards,
    Mike

    May 31, 2023 at 10:40 am #1409114
    Nomad

    Hi Mike,

    yes, its being set to “fixed” what makes it look weird on iPad (portrait & landscape), while Desktop and iPhone looks wonderful.
    If I’ll set it to „scroll“ it looks wonderful on iPad as well – but – for the sake of not being „fixed“ on desktop. unfortunately „fixed“ on desktop is important to me.
    And – as I have complex text in front of the background – a redundant color section for iPad would double the content and might risk what redundancy is famous for – inconsistent content (when content changes are not performed twice), wouldn’t it?

    May 31, 2023 at 12:11 pm #1409133
    Mike

    Hi,
    As I understand the iPad doesn’t support “fixed” correctly so you can use fixed in your element settings and then use css like this to correct for iPad:

    @media only screen and (min-width: 990px) {
  #top.page-id-5693 #av_section_3.avia-section  {
    background-attachment: scroll;
    padding: 0 !important
  }
}

    I believe this css is correct for your situation, but since I can’t see the error you will need to check and perhaps adjust a little.

    Best regards,
    Mike

    June 1, 2023 at 3:38 pm #1409281
    Nomad

    Hi Mike,

    cool code snippet
    I used it via css class – it now works on iPad on all pages using this kind of background…

    
@media only screen and (max-width: 1300px) {
  #top .GIFhg {
    background-attachment: scroll;
    padding: 0 !important
  }
}

    Thank you!

    June 1, 2023 at 5:41 pm #1409294
    Mike

    Hi,
    Glad to hear that you have this sorted out, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The topic ‘Fixed Background-GIF on Color Section: looks weird (on Tablet only)’ is closed to new replies.