Collapsible menu? about hugo-coder

[khos2ow]

I like the idea of using ~ but it won't solve the problem for all situations. What if one has more than three items in the menu, what if the items' text are long and etc. The one fix for all will definitely be the collapsible menu (such as the one bootstrap does with its hamburger menu)

This is the way I've done it (lazy enough!) with Bootstrap.

[luizdepra]

Now we have a collapsible menu for mobile screens. So, I'm closing this issues.

[luizdepra]

A collapsible menu is a really nice idea.
I did not add it yet but I was looking for an option that don't use JS (if possible).
Could you help me this feature?

[chipsenkbeil]

@luizdepra, I've used some HTML5 elements that enable collapsing on https://scala-debugger.org/api/getting-started/what-is-a-debugger/

Details and summary are the related tags to do this.

A simple example of this can be found on MDN: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details

It isn't supported on IE or Edge, though. https://caniuse.com/#feat=details

[chipsenkbeil]

Another thought (maybe additional) is to collapse the name on the lefthand side. Given that it represents going to the homepage, maybe converting it to ~ (equivalent of home for programmers) on small screens would be an option.

[luizdepra]

Yeah. I'll try to add a collapsible menu later. But for now, I'll use the ~ idea.