How do I create a fixed bottom navbar in wappler (bootstrap)

So far, I have a sliding navbar (I mentioned it yesterday I believe), but now I am looking to make a fixed bottom navbar on the same page. Here is what I have so far:

I am looking to make something similar to this, with the already existing navbar still on my page

Thank you in advance!

You can do this by adding a navbar component and set its position to fixed bottom.

Should have mentioned in the post, but I tried doing this, and the bottom navbar overlapped the sliding navbar or appeared underneath the sliding navbar, which is something that didn’t look that great. Is there something I can do to fix that?

You can just set the slide panel z-index to a higher value than the fixed bottom navbar. This way it will cover the navbar.

1 Like

Thank You!!!