Floating Nav Bar

API & Custom Code Ask Developers
1

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

…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.

2

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;
}

1 Like
3

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