Topic: Multi-level sidebar navigation

free asked 4 years ago

Trying to replace an older jquery menu with mdb bootstrap sidebar navigation. Old menu uses multiple levels up to 4 deep. Example:

Main Menu Item 1
Main Menu Item 2
    Sub Menu 1
    Sub Menu 2
        Sub Sub Menu 1
    Sub Menu 3
        Sub Sub Menu 2
            Sub Sub Sub Menu 1
Main Menu Item 3

When I try to do this with MDB sidebar navigation it doesn't work. There are a couple of posts with examples using nested <div class="collapsible-body">.  Although these technically work, it causes extra spacing to be added above the sub menu items that looks bad. I notice none of your online examples have more than 2 levels of menu items. Is the sidebar nave really limited to just 1 level of sub menus?


Currently, there's no way to do that

free commented 4 years ago

I was able to get it mostly working by doing some custom CSS. The only thing that didn't work was the rotating arrow icon indicating whether a sub-menu was open or close. For now, I have coded some CSS to have it static. 

free commented 4 years ago

Judging from some of the other comments on the forum, I'm not the only one who wants a multi-level left nav. That would be a good feature to add next.

Bartłomiej Malanowski staff commented 4 years ago

We'll consider that. If you were able to get it working, can you share your solution with us?

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.5.15
  • Device: Mac
  • Browser: Chrome
  • OS: Mojavi
  • Provided sample code: No
  • Provided link: No