# Floating Nav Bar

**URL:** <https://forums.knack.com/t/floating-nav-bar/12306>\
**Category:** Ask Developers\
**Created:** [March 29, 2022, 8:45pm UTC](https://forums.knack.com/t/floating-nav-bar/12306 "2022-03-29T20:45:20Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![KimDion38026](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@KimDion38026](https://forums.knack.com/u/KimDion38026)\
**Post date:** [March 29, 2022, 8:45pm UTC](https://forums.knack.com/t/floating-nav-bar/12306/1 "2022-03-29T20:45:20Z")

</div>

In an effort to make my Knack app more user friendly for my staff I am looking to add a floating nav bar at the bottom of certain pages to make their links easy to find.

I have tried using this: [How To Create a Fixed Menu](https://www.w3schools.com/howto/howto_css_fixed_menu.asp)

…and it works! However, when scrolling through tables, the table lines are showing over top of the nav bar.

I’m looking for a better solution, or a way to tell the code to make the nav bar not show the lines through it.

---

<div class="post-metadata">

**Author:** ![Brian1](https://avatars.discourse-cdn.com/v4/letter/b/50afbb/32.png) [@Brian1](https://forums.knack.com/u/Brian1)\
**Post date:** [April 29, 2022, 8:06pm UTC](https://forums.knack.com/t/floating-nav-bar/12306/2 "2022-04-29T20:06:05Z")

</div>

Have you tried to set the z-index? I had to add this to my app.

#knack-body #kn-app-header {  
background-color: #C0C0C0 !important;  
position: sticky;  
top: 0;  
z-index:200;  
}

> **[CSS z-index property](https://www.w3schools.com/cssref/pr_pos_z-index.asp)**
>
> W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.

---

<div class="post-metadata">

**Author:** ![KimDion38026](https://avatars.discourse-cdn.com/v4/letter/k/9f8e36/32.png) [@KimDion38026](https://forums.knack.com/u/KimDion38026)\
**Post date:** [May 2, 2022, 5:01pm UTC](https://forums.knack.com/t/floating-nav-bar/12306/3 "2022-05-02T17:01:28Z")

</div>

Cool, I’ll give that a try - thanks!