A hamburger menu does not define it as responsive, but I'm happy to make a better solution for longer menus. Do you have an example site I can look at? If not, how many menu items do you have?

I also vote for adding collapsible menus to Ananke so it displays well on mobile devices.

This theme has a responsive header menu like Ananke that folds into a single item with drop down:
https://github.com/Vimux/Mainroad

This one has a side-menu that turns into a burger:
https://github.com/alex-shpak/hugo-book.git

someone had proposed this for bootstrap 3 @ twbs/bootstrap#15786
Here's their fiddle: https://jsbin.com/lugosozida/edit?html,css,output

Perhaps it could be adjusted to work for our usage?

I would really like it if my pretty large menu (especially the one in my native language!) would collapse into a hamburger on mobile (reduced width screens). So consider this a vote :)

Thanx for the great work.

@budparr I found this open issue because like others I too thought this theme was responsive based on the website and was surprised to find that the menu doesn’t convert to hamburger style on mobile like many other Hugo themes.

Is there any work in flight on this that you know of? This theme is so nice and clean and simple, I could take a crack at it but didn’t want to duplicate work.

Just as examples these are two other sites with Hugo themes that I used that have hamburgers on mobile:

https://www.softwareinblue.com/

https://www.learningfromthelegends.com/

And my ananke site on mobile you can see the menu does not look good as it wraps around:

Thanks, @ctindel We definitely welcome PRs on this.

OK, I didn't realize this theme was using tachyons for CSS instead of something more common like bootstrap. Tachyons itself doesn't even have a responsive website (try looking at https://tachyons.io on mobile, the menu gets cut off), not a great look for a CSS package haha.

Let me play around with it and see what I can dig up.

@budparr OK I've created this PR

#638

If you want to test it out and give me some feedback. I am not a CSS expert by any means so possibly it needs some tweaking I don't know. Let me know what you think.

Hi,
I was searching for this feature, thank you for making progress on the subject.

My feedback is that this PR is what I was looking for, I just think that the rows of the menu are too small, it is too easy to click on the wrong line with big fingers. Also, an option could be added to remove the burger for menus with few elements that does not needs to collapse.