How to make a fixed background header with remaining sections scroll over the top

Hi,

I am trying to create a fixed background header image and then have the remaining content scroll over the top of it (so it looks like the curved green section moves up over the background image). I have tried turning my header section into a fixed element but lots of the remaining content disappears when I then scroll (only some of the text stays on top). I feel like there should be quite a simple solution… does anyone know how to achieve this?

(link below)
Thank you!


Here is my site Read-Only:
https://preview.webflow.com/preview/avelandtrees?utm_medium=preview_link&utm_source=designer&utm_content=avelandtrees&preview=8b1b7bffd941018d5a6cbe3def2568e4&workflow=preview

hi @Laurence_Dorrington you need to set your bg image to fixed .You can also set no-repeat

CleanShot 2022-12-10 at 10.52.41

PS: you have two bg images home-section-header and in home-section-header-image but you need only one.

1 Like

Ah I see, the image should be fixed in the background settings panel not in the main position panel. Thank you!