Hi - I have a site I’ve built where I’m using the background images (set in the classic ‘edit’ mode) in conjunction with the header builder and Pro to provide me with large bold photography across the top of each page.
On mobile devices the background image seems to pop left and reposition on scroll. I don’t think it’s anything to do with the headers, one of which is static and the other, which is sticky as I’ve disabled them and it still happens. I also don’t think it’s to do with the screen width as the image doesn’t pop left even when I emulate and iPhone (for example) in Safari or Chrome. It just seems to happen on the physical device - I’ve also tried via Browserstack and the same thing happens.
I’ve recorded a video of the behaviour on my phone (iPhone 11 Pro Max)
On inspecting the div.backstretch via Browserstack, nothing seems to change to make this happen yet it does.
So I’m scratching my head on this one a bit!
Thank you
Geoff