paperesque icon indicating copy to clipboard operation
paperesque copied to clipboard

Turn top-right menu into a dropdown on small screens instead of hiding it completely

Open WyattJia opened this issue 1 year ago • 1 comments

I love your blog theme; it's clean and elegant. However, I've noticed that the navigation menu in the top right corner doesn't display on mobile devices. Do you have any plans to make the navigation menu compatible with mobile, or am I missing the correct way to open the dropdown menu on mobile?

I'm using iOS with Safari and Firefox.

Thank you for your time, and best wishes!

WyattJia avatar Aug 06 '24 18:08 WyattJia

Hey @WyattJia! This was an intentional choice - if the menu in the top right is too long then it starts running into the header on the top left on mobile. I couldn't figure out a solution that I was happy with when I first wrote the theme. A dropdown menu would work well! It was just never important enough for me to build.

I'm not opposed to the idea of building it, but also don't know if/when I'd get around to it. I'd also welcome a PR if you're willing / able :)

capnfabs avatar Aug 07 '24 08:08 capnfabs

I finally got around to doing this: https://github.com/capnfabs/paperesque/commit/4d37dadfcad784d9bfc5490832561dbc6e61987e

https://github.com/user-attachments/assets/860f8c58-1385-4c81-ab31-9128d7610dbd

if you've got JS enabled, it automatically dismisses on scroll too ✨

capnfabs avatar Mar 15 '25 00:03 capnfabs