waxhead

Unfortunately it is impossible to continue using Jetpack stats without providing a credit card.

After choosing Assign Payment Method Later, ticking all the boxes to indicate that the site is a non-commercial hobby site, I just get shunted around a continuous loop, that always gets back to asking for my credit card.

Guess it is time to look for alternatives.

Warren

Thanks sashimi57,

That does seem to work!!

Scrolling is returned to desktop computers, and the images aren’t zoomed on iPads. (Though no scrolling on iPads – but I can live with that!)

Thanks again,
Warren

—————–

@media only screen and (max-width: 900px) {
.background-fixed .panel-image {
background-attachment: scroll !important;
background-size: contain !important;
}
}

@supports ( -webkit-touch-callout : none) {
.background-fixed .panel-image {
background-attachment: scroll !important;
}
}

• This reply was modified 3 years, 6 months ago by waxhead.

As others have noted, this may be more of an issue with iPadOS rather than the theme.

Maybe.

Wherever the root of the problem lies, it doesn’t look like being resolved any time soon, and I certainly don’t have the time, knowledge or technical expertise to pursue this with the Apple folk. So I have gone down the path of adding code to the theme to disable the parallax effect, which although applied to all browsers, resolves the issue on iPadOS. (Suggested by others – I don’t have the technical knowledge to write this code!)

On the https://www.compactrv.net site I have added the following to Theme > Customise > Additional CSS:

———
/* resolve issues with background positioning */
.background-fixed .panel-image {
background-attachment: unset;
}
———

Resolves the magnified images on iPadOS, but sacrifices the parallax effect on all browsers and OSs.

Warren

Not a problem on iPhones, because they load the ‘mobile’ version of the site. The images aren’t magnified, but they scroll without the parallax effect. Ditto for Chrome on iPadOS.

This can be replicated in Safari on iPadOS. Touch the AA icon in the URL bar and choose ‘Request Mobile Site’.

The images then load at the correct magnification, but without the parallax scrolling effect.

The same mobile site view can be achieved more permanently in iPadOS Safari settings by turning off the default ‘Request Desktop Website’ option.

Not hopeful for a quick fix – I am starting to look around for another theme, with similar look and feel as Twenty Seventeen, but without the magnified image issue.

Thanks Jarret.

I am not familiar with the Trac tickets, but I do hope that the right people are able to assist in resolving this issue.

I can confirm that disabling the Safari setting to ‘Request Desktop Website’ in iPadOS settings displays the images at the correct magnification, but without the parallax effect. (ie the mobile version of the site).

I have updated my notes on the issue at: https://bit.ly/2nvx7kT

Thanks,
Warren

Here is a ‘clean’ WP Twenty Seventeen site….

https://wazmac.com/sandpit/

I have changed one of the featured images from the default theme.

Same zoomed images on Safari on iPadOS.

(Same host as the other sites – Bluehost.)

Regards,
Warren

Mmmmm…. another clue…..

The same websites display just fine when using Chrome on iPads with iPadOS.

So maybe an issue with Safari?

Warren

Thanks Jarret.

I have copied a ‘before and after’ doc here…..

https://bit.ly/2lCEIxp

This is just one panel section. The same issue is repeated down the page with each section on the main page.

Regards,
Warren

That did the trick!

Thanks so much.

Regards,
Waz