# How to keep search bar from disappearing?

**URL:** <https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603>\
**Category:** Ask for Help\
**Created:** [December 14, 2024, 9:54pm UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603 "2024-12-14T21:54:52Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Joseph\_Freymann](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joseph_freymann/32/47004_2.png) [@Joseph\_Freymann](https://community.glideapps.com/u/Joseph_Freymann)\
**Post date:** [December 14, 2024, 9:54pm UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/1 "2024-12-14T21:54:52Z")

</div>

Hi, I have two versions of my app. One is classic and the other is regular. On the classic app ([appologetics.glideapp.io](https://appologetics.glideapp.io)), the search bar remains at the top no matter how much the user scrolls. On the regular app ([appologetics.glide.page](https://appologetics.glide.page)), the search bar disappears when the user scrolls. Is there any way to keep the search bar pinned to the top?

---

<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:** [December 15, 2024, 12:13am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/2 "2024-12-15T00:13:55Z")

</div>

Might only be possible with CSS, but are you only displaying a single collection in that tab?

---

<div class="post-metadata">

**Author:** ![Joseph\_Freymann](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joseph_freymann/32/47004_2.png) [@Joseph\_Freymann](https://community.glideapps.com/u/Joseph_Freymann)\
**Post date:** [December 15, 2024, 12:17am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/3 "2024-12-15T00:17:08Z")

</div>

Yes, single collection.

---

<div class="post-metadata">

**Author:** ![Joseph\_Freymann](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joseph_freymann/32/47004_2.png) [@Joseph\_Freymann](https://community.glideapps.com/u/Joseph_Freymann)\
**Post date:** [December 15, 2024, 12:18am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/4 "2024-12-15T00:18:42Z")

</div>

Thanks for responding. I’m familiar with CSS and HTML, but how do I use them in Glide?

---

<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:** [December 15, 2024, 1:05am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/5 "2024-12-15T01:05:17Z")

</div>

> **[Custom CSS | Glide Docs](https://www.glideapps.com/docs/reference/user-experience/css-for-apps)**
>
> Customize the way your app looks with CSS.

In this case, you would want to give a custom class name to your collection, and then probably use something like `sticky` to keep the search bar from disappearing.

---

<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:** [December 15, 2024, 1:07am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/6 "2024-12-15T01:07:17Z")

</div>

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

Something like this I guess.

---

<div class="post-metadata">

**Author:** ![Joseph\_Freymann](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/joseph_freymann/32/47004_2.png) [@Joseph\_Freymann](https://community.glideapps.com/u/Joseph_Freymann)\
**Post date:** [December 15, 2024, 1:13am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/7 "2024-12-15T01:13:43Z")

</div>

Is customizing CSS available only for paid plans? I’m on the free plan.

---

<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:** [December 15, 2024, 1:19am UTC](https://community.glideapps.com/t/how-to-keep-search-bar-from-disappearing/78603/8 "2024-12-15T01:19:58Z")

</div>

Yes, only on paid plans.
