# Stick Nav Bar to Top of Screen

**URL:** https://community.glideapps.com/t/stick-nav-bar-to-top-of-screen/43380
**Category:** Ask for Help
**Created:** [June 22, 2022, 5:48pm UTC](https://community.glideapps.com/t/stick-nav-bar-to-top-of-screen/43380 "2022-06-22T17:48:25Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Yosef\_Buchman](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yosef_buchman/32/44100_2.png) [@Yosef\_Buchman](https://community.glideapps.com/u/Yosef_Buchman)
#### Post date: [June 22, 2022, 5:48pm UTC](https://community.glideapps.com/t/stick-nav-bar-to-top-of-screen/43380/1 "2022-06-22T17:48:25Z")

</div>

Hi guys,

Has anyone come up with a way to keep the top nav bar glued to the top of the screen while scrolling.

I’m using CSS to make the bar transparent and display a logo in place of the usual text display. Due to that, the screen looks off when scrolling down - particularly when there is search on the page.

Has anyone come up with a fix?

Picture of screen: [IMG\_2361.PNG - Google Drive](https://drive.google.com/file/d/1mPipzd9R4wAwCtAeJPeQzgEzmK4QY_Vh/view?usp=drivesdk)

---

<div class="post-metadata">

### Author: ![ShantanuIyengar](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/shantanuiyengar/32/35546_2.png) [@ShantanuIyengar](https://community.glideapps.com/u/ShantanuIyengar)
#### Post date: [June 22, 2022, 6:30pm UTC](https://community.glideapps.com/t/stick-nav-bar-to-top-of-screen/43380/2 "2022-06-22T18:30:43Z")

</div>

Try the make the top background white and add the logo!  
That should put the screen scroll view behind and scroll looks better

---

<div class="post-metadata">

### Author: ![Yosef\_Buchman](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/yosef_buchman/32/44100_2.png) [@Yosef\_Buchman](https://community.glideapps.com/u/Yosef_Buchman)
#### Post date: [June 22, 2022, 6:40pm UTC](https://community.glideapps.com/t/stick-nav-bar-to-top-of-screen/43380/3 "2022-06-22T18:40:00Z")

</div>

I agree, however for design reasons, I’d like to keep the top background colored and the lower element white

Is it possible fix stick the nav bar to the top of the screen?

---

<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: [June 22, 2022, 11:38pm UTC](https://community.glideapps.com/t/stick-nav-bar-to-top-of-screen/43380/4 "2022-06-22T23:38:44Z")

</div>

> **[Notion – The all-in-one workspace for your notes, tasks, wikis, and databases.](https://www.notion.so/glidecommunity/33d5984960d04785b38eeae6c5121001?v=5662bb67cd994c53ae87737ab952ddb2&p=34c69ff81a42456f862be5f074ddf628)**
>
> A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team

Not sure if -webkit-sticky would help, but worth a try if you can target the parent element of that nav bar.
