# Button attached to header

**URL:** <https://community.glideapps.com/t/button-attached-to-header/84871>\
**Category:** Ask for Help\
**Created:** [October 13, 2025, 8:11am UTC](https://community.glideapps.com/t/button-attached-to-header/84871 "2025-10-13T08:11:01Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![MJ11](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@MJ11](https://community.glideapps.com/u/MJ11)\
**Post date:** [October 13, 2025, 8:11am UTC](https://community.glideapps.com/t/button-attached-to-header/84871/1 "2025-10-13T08:11:01Z")

</div>

Hi, I’ve read so many posts but have been unsuccessful in trying to get a button to attach to the header eg notifications of messages. I’ve tried using Adalo as this functionality works easily but I really like the way I can structure my data in Glide. Can anyone help? PS Floating button that moves when scrolling is not an option. Thank you.

---

<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, 2025, 11:38pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/2 "2025-10-13T23:38:54Z")

</div>

So what you ultimately want is a floating button that sticks to a point on the screen?

---

<div class="post-metadata">

**Author:** ![MJ11](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@MJ11](https://community.glideapps.com/u/MJ11)\
**Post date:** [October 13, 2025, 11:59pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/3 "2025-10-13T23:59:31Z")

</div>

Yes so the notification button sits up above inline with Home.

 ![IMG_9257](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/7/6/767dc9cb41945364cd2c53f5377ee5e7d9ee0833.jpeg)

---

<div class="post-metadata">

**Author:** ![MJ11](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@MJ11](https://community.glideapps.com/u/MJ11)\
**Post date:** [October 14, 2025, 10:55pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/4 "2025-10-14T22:55:03Z")

</div>

Any ideas for this?

---

<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 14, 2025, 11:31pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/5 "2025-10-14T23:31:49Z")

</div>

[![](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/b/7/b755b9e0962c281f9f12a827e78805c1fef7b1dd.jpeg "Glide Apps - How to create a floating button") ](https://www.youtube.com/watch?v=by2hy0hnbYU)

I think this is close to what you want regarding floating, but I’m not sure how complex it would be to extend that to be sticky on the top of the screen, and make it work well with both desktop and mobile views.

---

<div class="post-metadata">

**Author:** ![MJ11](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@MJ11](https://community.glideapps.com/u/MJ11)\
**Post date:** [October 14, 2025, 11:45pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/6 "2025-10-14T23:45:10Z")

</div>

Yes have tried this and it works but I can’t get it to float up inside the nav bar - any other ideas?

---

<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 14, 2025, 11:47pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/7 "2025-10-14T23:47:24Z")

</div>

If I have to take a guess, I would think it relates to making it sticky at a high enough position.

I haven’t done this before, so I think it would still be complex to support it on all relevant screens.

---

<div class="post-metadata">

**Author:** ![MJ11](https://avatars.discourse-cdn.com/v4/letter/m/35a633/32.png) [@MJ11](https://community.glideapps.com/u/MJ11)\
**Post date:** [October 14, 2025, 11:48pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/8 "2025-10-14T23:48:33Z")

</div>

What about the bottom nav bar? Really just need notifications of new messages to be on either the top or bottom nav.

---

<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 14, 2025, 11:52pm UTC](https://community.glideapps.com/t/button-attached-to-header/84871/9 "2025-10-14T23:52:35Z")

</div>

Bottom nav bar is generally reserved for tabs, so you would run into another type of trouble I guess.

You can’t add a dynamic count like notifications there as well, since the CSS code can’t be tied to a dynamically updated column.
