Trying to get a side nav sticky beneath top sticky menu plus full height

[mgaussie]

Hey everyone, happy Monday!

I’ve been trying to get a sticky sidebar as we explore rebuilding our main app in Wappler - it’s naturally easy to assign this to a header or navbar element, when I assign sticky to the header nav bar, and then the left side nav - there is no clear way to have an offset, or set this not to stick to the very top of the page (and then creates an overlay on top of the top nav menu).

I’e tried custom css with no luck. Has anyone achieved this and can point me in the right direction?

[Philip_J]

Hi,

Not sure if the below link will cover your needs, but there’s been a few threads about having the sidebar nav menu.

Sample Admin template with collapsible side menu

Guys, with Wappler it’s really easy to build such a page - here’s a starter sample built up for 15mins and a few lines of CSS. Download and play with it and customize it as you like: [sidebar-template] sidebar-template.zip (278.2 KB)

That link has a download you can look at.

If you search for bootstrap sidebar nav/menu you’ll get a few different ways of doing it.

I did mine a slightly different way as well but I don’t also have a stick topnav, but I’m sure it’s easy enough as they mainly all use margin adjustments to do the offset you talk about.