# Search bar not stickey

**URL:** <https://community.glideapps.com/t/search-bar-not-stickey/63525>\
**Category:** Ask for Help\
**Created:** [July 5, 2023, 1:19pm UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525 "2023-07-05T13:19:42Z")\
**Posts on this page:** 7\
**Page:** 1

<div class="post-metadata">

**Author:** ![Nml](https://avatars.discourse-cdn.com/v4/letter/n/41988e/32.png) [@Nml](https://community.glideapps.com/u/Nml)\
**Post date:** [July 5, 2023, 1:19pm UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/1 "2023-07-05T13:19:42Z")

</div>

Hello!

I’m struggling to get the search bar to stick on top of the screen. Right now when a user scroll down the search bar disappear. How is it possible to make it visible all the time, no matter how far the user scroll down?

Hopefully someone knows the answer!

-Nora

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [July 6, 2023, 12:10am UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/2 "2023-07-06T00:10:56Z")

</div>

I assume you’re using the search on a Collection?

---

<div class="post-metadata">

**Author:** ![Nml](https://avatars.discourse-cdn.com/v4/letter/n/41988e/32.png) [@Nml](https://community.glideapps.com/u/Nml)\
**Post date:** [July 6, 2023, 6:19am UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/3 "2023-07-06T06:19:44Z")

</div>

Yes that’s right! is that the reason for why the search bar will not stick at the top?

---

<div class="post-metadata">

**Author:** ![Cisco](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/cisco/32/49864_2.png) [@Cisco](https://community.glideapps.com/u/Cisco)\
**Post date:** [October 12, 2023, 3:08pm UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/4 "2023-10-12T15:08:00Z")

</div>

Hola, ¿habéis enconrado la manera de que la barra de búsqueda quede fija?

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [October 13, 2023, 1:01am UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/5 "2023-10-13T01:01:16Z")

</div>

Do you have only one collection on that screen? Maybe there’s a way using CSS (on Business/Enterprise).

---

<div class="post-metadata">

**Author:** ![Surat\_Rattanaphaibo1](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/surat_rattanaphaibo1/32/42859_2.png) [@Surat\_Rattanaphaibo1](https://community.glideapps.com/u/Surat_Rattanaphaibo1)\
**Post date:** [January 3, 2025, 10:07am UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/6 "2025-01-03T10:07:43Z")

</div>

what is the CSS code can you demonstrate

---

<div class="post-metadata">

**Author:** ![ThinhDinh](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/thinhdinh/32/49_2.png) [@ThinhDinh](https://community.glideapps.com/u/ThinhDinh)\
**Post date:** [January 4, 2025, 12:38am UTC](https://community.glideapps.com/t/search-bar-not-stickey/63525/7 "2025-01-04T00:38:26Z")

</div>

> **[CSS Library by LowCode Agency](https://css-library.glide.page/dl/library/s/8836b3/r/t57mFhm7SfGRv-3ExfmwwA)**

I think it will be a variation of this, to stick the search bar of the collection instead of the container like shown here.