Trouble with fixed image to render on chrome/mobile

I’m having some issues getting fixed images to function properly. In the Editor, all fixed images remain fixed while scrolling without issue. However, in Chrome and iOS Safari, the images don’t stay fixed and appear with odd tiling. Oddly, this problem doesn’t affect Edge, which seemed to display the images properly.

Live site: bitperfect.webflow.io
Read-only: https://preview.webflow.com/preview/bitperfect?preview=fbf3daf0072c10f3d34428be7a57b62a

Hi @Bitperfect, background images with fixed attachment can be many times not work on mobile devices. A better solution may be to assign the background image to a div and instead apply the fixed setting to the div instead of the background image.

This is a common issue for mobile browsers and some desktop browsers. I would like to know what version of chrome on desktop it did not work, because most of the time that renders correctly on Desktop views.

Thanks in advance,

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.