Multilevel Menu

[pacollins]

I noticed that identifiers is used to add an icon in the nav, so is there a way to have a drop down in the menu? I don't notice one so a request could be for this - something like parent and child.

[CFaught]

Has anyone worked on this? I'm curious about this myself and am still pretty new to Hugo or else I would have just done it myself. Anyone have any tips for getting this started?

[pacollins]

@CFaught I can work on it, or you can feel free. Checkout the Nav Partial, and see how it relates to the config file, then check out the css. If you know how to make a basic css dropdown, it shouldn't take long to make.

[CFaught]

Thanks, I'll take a look. Are children denoted as .Site.Menus.main.children in the config file?

[CFaught]

I got something working, the only issue I have at the moment is that every child after the first submenu item has a padding-left of 1em that I can't seem to override. Alas, CSS is not my strong point.

[CFaught]

My website's tutorial section is a live example of how it looks.

[pacollins]

@CFaught, it's actually a margin. margin-left: 0; on the element solves it, but lets see if we can figure out why its doing that. I will look later today.

[CFaught]

That's what it was, I was trying to set it as none. 0 works.

[henningsway]

@CFaught I think, the menus look great on your website. I found the related entries with the 'parent'-options in your config.toml. What else do I have to adjust to get multilevel-menus enabled for my site?

[CFaught]

@henningsway, if you clone this fork it should only require setting hasChildren = true and the identifier = <your naming convention> in the parent and parent = <identifier of parent> in the children. I set the weight as the same as well but I don't remember if that was necessary. I still need to get the sidebar submenu to collapse but at the moment it just lists them with an indent.