Skip to content

Redesign the navbar #980

Description

@le0tan

Is your request related to a problem?

The current responsive design makes the pagenav disappear when the width is small, which is quite inconvenient if the user is reading a long article with many sections on a mobile device.

With different widths, MarkBind shows the article page with four layouts:

Both nav directly accessible:

image

Left nav directly accessible, right nav inaccessible:

image

Both nav inaccessible:

image

Left nav indirectly accessible, right nav inaccessible:

image

Describe the solution you'd like

We can learn from how Docusaurus design their responsive navigation:

View 1 (all navigation directly accessible):

image

View 2:

image

Describe alternatives you've considered

na

Additional context

na

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions