apvarun / blist-hugo-theme

Blist is a clean and fast blog theme for your Hugo site.
https://blist.vercel.app/
MIT License
332 stars 164 forks source link

Feature request: hamburger menu #21

Closed AntoineSoetewey closed 2 years ago

AntoineSoetewey commented 2 years ago

Hello Varun,

This is not really a bug but rather a feature request.

When there are (too) many links in the menu, it is cut on the mobile version.

I managed to put the links below each other when the width of the screen is small:

Screenshot 2021-12-28 at 14 11 15

Would it be possible to add the fact that the menu becomes a hamburger menu when the width of the screen becomes small. Like this template: https://www.zerostatic.io/theme/hugo-hero/

For your information, my repo is https://github.com/AntoineSoetewey/elsaetantoine.

Thanks in advance.

Regards, Antoine

apvarun commented 2 years ago

Hey @AntoineSoetewey, this is how the default menu layout of the theme looks. image

I see that you have made some changes to it in your repo - header.html

It is probably the reason why the menu is weird. Can you adapt the changes based on theme's header?

AntoineSoetewey commented 2 years ago

Thanks for your reply.

Here is how it looks like by default when there are too many links:

image

I had to make changes to header.html because the links are cut if there are too many.

Let me know if I'm not clear.

apvarun commented 2 years ago

Thanks for clarifying. I'll send in a PR later for the menu 😉