Feature request: Improve Positioning of the Hamburger Menu on Mobile

docsifyjs / docsify

🃏 A magical documentation site generator.

https://docsify.js.org

MIT License

27.47k stars 5.67k forks source link

Feature request: Improve Positioning of the Hamburger Menu on Mobile #2205

Closed RitaDee closed 2 months ago

RitaDee commented 1 year ago

Feature request

Problem or desire

The hamburger menu is positioned at the bottom of the page in mobile view:

44474F6F-69CA-4912-BE71-3BDFEE8EE256

Steps to reproduce

Visit https://intro.opensauced.pizza/ on mobile.

Proposal

IMHO I suggest it should be fixed at the top.

Reasons:

For easy navigation.
For visibility(Newcomers might find it difficult to locate the hamburger menu as I did and this is because most people are used to top positioned menu).

Implementation

This request is generated from the issue: https://github.com/open-sauced/intro/issues/31

Koooooo-7 commented 1 year ago

Hi @RitaDee , this is more like the personal style stuff here, I think we won't change the default behavior in docsify for now. Maybe we could raise a config such as sidebar position [top, bottom, middle] or something in the future.

And for the requirement you mentioned here, I think you could custom some style on the sidebar or you can use this docsify-themeable to achieve it, especially the simple-dark based on the style of ur neat site.

jhildenbiddle commented 2 months ago

This issue has been addressed by PR #2469. The changes will be available when Docsify v5 is released.

The new default sidebar position is in the middle of the left edge of the screen (red arrow). Docsify v5's new custom theme properties and optional class names make it easy to reposition the toggle (green arrows), change the toggle icon, change the colors, etc.