Making a "sliding"/ "hidden" navbar in Bootstrap (w appconect)

[kevsonic]

So I have been trying to make a navbar in my project (bootstrap) , that I can’t quite get to work properly. I’m trying to accomplish something like this (note that this video is from the framework 7 example project)

So far all I have is this

Any help/ advice on how to go about doing this would be greatly appreciated, as I can’t find anything on how to do it (or I may have overlooked it). Thank you in advance!

[brad]

This might help …

Vertical Navigation

In this tutorial we will show you how to create a vertical Navigation for your site, which for example, you can place in your sidebar. We have a really simple layout - two columns, one has a width of 3cols and the other one 9cols. We want to add a sidebar menu in the left column: [Screenshot_1] Click the add inside button: [Screenshot_2] Open Lists and select Nav: [Screenshot_3] Then click the add inside button for the Nav: [Screenshot_4] And add Nav Item: [Screenshot_5] Add as many N…

[kevsonic]

@brad Thank you! That helped quite a bit, but it only answered half of it. How do I make the navbar into a “sliding menu” (Only appear on the side when a user hits the button)?

[brad]

Hmmm, maybe the tutorial in this link will get you closer.

Left side navigation menu

Hi guys any idea on how to get that left navigation menu bar on wappler just like the example below. [image]

[TomD]

I’ve used the template in the thread @brad linked to - it worked well. However I would also recommend looking at this thread.

[brad]

However I would also recommend looking at this thread.

That’s the thread I was looking for!

[kevsonic]

Thank you both so much!!!