I’m looking for some advice. I’d like a background image that is fixed while scrolling and all other content scrolls over top. In the designer, I have a fixed background image set on the body ( see screenshot 1). This works great on desktop browsers and mobile simulators (screenshot 2) but not working on actual mobile device browsers at all (screenshot 3). I searched the forum for similar issues but the posts were old and not good solutions. It seems like a simple common thing that should just work. For now, I’ve had to hide the image on mobile. Thanks in advance for the help.
CSS code being rendered
border: 1px solid #000;
background-position: 50% 50%;
(screenshot 3 from iPhone)
sorry, I can’t share the site. It has sensitive information.