Streaming live at 10am (PST)

Trouble with fixed image to render on chrome/mobile


#1

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


#2

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,


#3

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