# Improve search bar UX - Make the search bar reappear

**URL:** <https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184>\
**Category:** Feature Requests\
**Created:** [June 1, 2025, 6:43pm UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184 "2025-06-01T18:43:48Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Hbrezy](https://avatars.discourse-cdn.com/v4/letter/h/ea666f/32.png) [@Hbrezy](https://community.glideapps.com/u/Hbrezy)\
**Post date:** [June 1, 2025, 6:43pm UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/1 "2025-06-01T18:43:48Z")

</div>

**Hi,**

I have an app with over 250 rows, and I’ve noticed a usability issue: once the user scrolls down (e.g., past row 50), the search bar is no longer visible. This makes it difficult for users to quickly refine their search, impacting the overall experience.

I’d like to suggest implementing a common UX pattern—making the search bar reappear as soon as the user starts scrolling back up. This approach is widely used and greatly improves usability.

Let me know if this is something you can push.

Thanks!

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [June 1, 2025, 10:24pm UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/2 "2025-06-01T22:24:52Z")

</div>

For now, u can use CSS for this specific problem.  
Check this Topic:

> [@Sticky search!](https://community.glideapps.com/t/sticky-search/79399):
>
> 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]

And Visit the CSS Library By LowCode Agency:  
And search for: Sticky Search

> **[CSS Library by LowCode Agency](https://css-library.glide.page/)**

![Pp2J8bvzWXLkVFC7SVbi](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/f/b/fb865fa4655f221a153b3862952d53d9cd4b3d6c.webp)

---

<div class="post-metadata">

**Author:** ![Hbrezy](https://avatars.discourse-cdn.com/v4/letter/h/ea666f/32.png) [@Hbrezy](https://community.glideapps.com/u/Hbrezy)\
**Post date:** [June 2, 2025, 8:21am UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/3 "2025-06-02T08:21:31Z")

</div>

Thanks bro. Where d i rename the class of the collection?

is it here?

 ![Screenshot 2025-06-02 at 09.20.19](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/e/0e83c4dc1d21cb9b672d0e9b10b4031f76d9609d.png)

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [June 2, 2025, 8:32am UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/4 "2025-06-02T08:32:53Z")

</div>

On the right hand side, under Options.

---

<div class="post-metadata">

**Author:** ![Hbrezy](https://avatars.discourse-cdn.com/v4/letter/h/ea666f/32.png) [@Hbrezy](https://community.glideapps.com/u/Hbrezy)\
**Post date:** [June 2, 2025, 8:42am UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/5 "2025-06-02T08:42:10Z")

</div>

Hey thank for the support

I have added the css class name under options:

 ![Screenshot 2025-06-02 at 09.39.56](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/0/a/0a95171e7df3ac29789c009b5136cda8a946f00f.png)

I have also added the css code in the appearance settings:

 ![Screenshot 2025-06-02 at 09.41.07](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/c/0/c0ff030a371f50d90aec81cb060428cf422fd8cc.png)

still nothing

---

<div class="post-metadata">

**Author:** ![Darren\_Murphy](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/darren_murphy/32/47326_2.png) [@Darren\_Murphy](https://community.glideapps.com/u/Darren_Murphy)\
**Post date:** [June 2, 2025, 8:56am UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/6 "2025-06-02T08:56:00Z")

</div>

You need to toggle that “Preview custom CSS” button on.

---

<div class="post-metadata">

**Author:** ![Hbrezy](https://avatars.discourse-cdn.com/v4/letter/h/ea666f/32.png) [@Hbrezy](https://community.glideapps.com/u/Hbrezy)\
**Post date:** [June 2, 2025, 9:00am UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/7 "2025-06-02T09:00:37Z")

</div>

Damn no luck. Thanks anyway will see if i can hire someone.

---

<div class="post-metadata">

**Author:** ![Mazen](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/mazen/32/84042_2.png) [@Mazen](https://community.glideapps.com/u/Mazen)\
**Post date:** [June 3, 2025, 10:19pm UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/8 "2025-06-03T22:19:35Z")

</div>

What exactly are u trying to build?

---

<div class="post-metadata">

**Author:** ![Hbrezy](https://avatars.discourse-cdn.com/v4/letter/h/ea666f/32.png) [@Hbrezy](https://community.glideapps.com/u/Hbrezy)\
**Post date:** [June 4, 2025, 11:52am UTC](https://community.glideapps.com/t/improve-search-bar-ux-make-the-search-bar-reappear/82184/11 "2025-06-04T11:52:05Z")

</div>

Yes, exactly. Right now, in my collection of 250 items, when I scroll halfway down, I’m unable to use the search feature because I have to scroll all the way back to the top.
