Streaming live at 10am (PST)

Static body background image on scroll

Im trying to make my website be able to scroll but i dont want the background image in my body to move at all. Right now with my second section the image starts to repeat itself when i scroll.

I thought i could figure this out but its proving more difficult than i thought.


Here is my site Read-Only: https://preview.webflow.com/preview/warrens-blank-site-26df33?utm_medium=preview_link&utm_source=designer&utm_content=warrens-blank-site-26df33&preview=6c72580b063a11b3e83db7957fa8fdca&mode=preview

It looks like you may have already figured it out, but here’s the general approach…

To make the background stay in the same position you’ll need to select the element that has the background and change some of its background settings (by clicking the background image). At the bottom there are the options ‘fixed’ and ‘not fixed’. Just select ‘fixed’. You might also need to select ‘cover’ for size and no tiling depending on the image.