Skip to content

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

Closed

Description

@RitaDee

Feature request

Problem or desire

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

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

image

Steps to reproduce

  1. 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: OpenSource-Communities/intro#31

Activity

  1. changed the title [-]Wrong Positioning of the Hamburger Menu on Mobile[/-] [+]Feature: Improve Positioning of the Hamburger Menu on Mobile[/+] on Aug 31, 2023
  2. changed the title [-]Feature: Improve Positioning of the Hamburger Menu on Mobile[/-] [+]Feature request: Improve Positioning of the Hamburger Menu on Mobile[/+] on Aug 31, 2023
  3. Koooooo-7 commented on Sep 1, 2023

    @Koooooo-7
    Member

    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.

  4. moved this from Done to Todo in HELP WANTED LISTon Dec 1, 2023
  5. added this to the 5.x milestone on Jun 16, 2024
  6. linked a pull request that will close this issuefeat: v5 style overhaul #2469on Jul 19, 2024
  7. jhildenbiddle commented on Jul 19, 2024

    @jhildenbiddle
    Member

    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.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

Relationships

None yet

Development

No branches or pull requests

Issue actions