Archived topic

Main image loading issue on iPad

5 replies · Started by Daren on April 16, 2021

Viewing posts 1–6 of 6

April 16, 2021 at 7:35 pm #1737549

My site is having an image loading issue that only occurs on iPad, where the image appears overly pixelated, as if it's zoomed in 500%. I'm using the Java theme, and the image is set as the background in a container using the default styling from the theme.

I've tested the issue on multiple iPads, but for some reason, I cannot re-create the problem in Google Chrome or Opera browsers, or on mobile. Using the latest version of Generate Press and GP Premium.

The website is https://learnfilm.photography.

Thanks so much for any advice you can give, or if there's an email I can send screenshots to.

Regards,
Daren

April 17, 2021 at 3:27 am #1737752

Hi there,

is this just happening to the Fixed Background Images ?

April 17, 2021 at 7:12 am #1738142

Hi David,

Yes, everything else is loading normally except that one fixed background image. Although it is working when loading the page as an iPad in Chrome Inspect Element.

Regards,
Daren

April 17, 2021 at 10:43 am #1738276

Hi Daren,

As far as know, iOS devices don't support fixed background image.

We could use some CSS to disable the fixed feature of the image on mobile.

@media (max-width: 768px) {
    .gb-container-b8cfbc6e:before {
        background-attachment: scroll;
    }
}

Let me know :)

April 17, 2021 at 5:21 pm #1738436

That did it!

Thanks so much for the help.

April 17, 2021 at 5:40 pm #1738447

Great! You are welcome :)

This archived topic is closed to new replies.

Start building better websites today.