Prevent background image from scrolling on mobile

the background image on my site works great on desktop view but if you shrink up the site to a tablet or mobile device size the background disappears when you scroll. the section below appears to have a white background even though it says in web flow its transparent. I’ve messed with all the settings in web flow and background image. nothing seems to make it work. need the background image to be fixed and appear on all sections when scrolled.

https://webflow.com/design/flatwater-cycling?preview=e5de797b4c7fed2c6be839d4f1025561

Hi @SWHC1066,

It appears that your “main” div is getting stretched to fit the “content” div after resizing your window. This is because your content div needs a place to go on smaller screens and moves below where it has room.

Try rearranging your elements and adjusting your CSS styles when on smaller screens.

Tip: try using xray mode when things start acting strange (see attachment)

Hope this helps! If not, send me an email at support@webflow.com and I’ll take a closer look. :smile: