Ability to Loop Dropdowns in Nav (Nestable)

Feature Requests / Improvements
1

Having the ability to nest Dropdown menus would be extremely useful for mega menus that are more complex.

E.g. The website I’m currently building has the structure

Colleges

  • India
    • College 1
    • College 2
    • College 3
  • USA
    • College 4
    • College 5
    • College 6
  • UK
    • College 7

And so on. So being able to provide people the ability to have India, UK, USA also be dropdowns that are dynamically looped through would allow for much more complex Menus to be made. This is especially great for Mobile where you want to show levels of lists instead of just the whole list opening up.

1 Like
2

Hi @kshitij,

You can create a nested dropdown menu structure by wrapping the Dropdown element within a Div or Block element. After wrapping, enable a query loop on the Div or Block to dynamically pull in the menu items.

If the layout looks messed up in the frontend, it’s due to the HTML structure, as the Dropdown element defaults to an li tag. To correct this, set the Dropdown element’s HTML tag to Div, and then set the HTML tag of the wrapping Div or Block to li. This should maintain the intended structure.

I hope that helps!