Fixing a search bar to the top of the screen when you scroll

Please give us the URL for your site. If you've not already done so set up a site-wide password. Post the password here and then we can take a look at your issue.

Site URL: https://thebetterbecauseproject.squarespace.com/stories/

Currently we are not using a site-wide password because the website is published and public.

Thanks for the help.

Add to Home > Design > Custom CSS

.cf-filter-wrapper {
    position: fixed;
    top: 112px;
    left: 0;
    width: 100%;
    z-index: 999;
}

The code partially works; the search bar does fix itself to the top of the page. However, it also makes the rest of the stories block stay fixed to the page. I've put a picture down below.