Sticky search!

Here’s some styling to make the search box of a collection sticky. Be sure to name the class of the collection “sticky-search” so that it matches the CSS below:

.sticky-search [class*="needs-search-only"] {
position: sticky;
top:0;
z-index: 9999;
backdrop-filter: blur(10px);
padding: 0 0 10px 0;
}

CleanShot 2025-01-21 at 22.33.34

12 Likes

Great sticky solution to long lists!

Added to the library, thank you!

1 Like

Thank you.