Main body to scroll in tandem with sticky Title Bar

Design help General
1

Hi,

I’m having trouble recreating the synchronisation of the main body scrolling with the Title Bar that scrolls with page scrolling and then becomes sticky. Here’s the original site built by developers using their own code (I’m looking to prototype this page):

The text below the green title bar shouldn’t start scrolling underneath this bar until the bar is fully contracted:

https://preview.webflow.com/preview/cernotex-product-page?utm_medium=preview_link&utm_source=designer&utm_content=cernotex-product-page&preview=4286276073c2edde4a97fe51f6bae181&mode=preview

https://cernotex-product-page.webflow.io/

I cannot find any examples of this having searched extensively in this forum and elsewhere. Greatly appreciate the help, thank you.

Here is my site Read-Only: LINK
(how to share your site Read-Only link)

2

Hello @Marnix_Garner,

On your interaction play with the size of the container that has the green overlay. Start with a height of maybe 100% /400px and then reduce it to maybe 25/100px by the time that you want your main content to scroll up. I hope this helps.