Skip to content

[Docs] Missing left sidebar navigation on all documentation pages on Mobile and smaller devices #10

@Abhijadhav03

Description

@Abhijadhav03

🐛 Mobile Docs Missing Navigation Sidebar

Problem

On mobile devices, the documentation site (https://reactnative.run/docs and all sub-pages) does not display any sidebar or navigation menu.

Currently, users can only see:

  • The main content
  • The top header

There is no way to:

  • Browse the full list of documentation sections (~20+ pages)
  • Navigate between pages (Quick Start, Architecture, HMR, Expo Router, API Reference, etc.)
  • Understand the overall structure of the documentation

Current Behavior

  • Only page content is visible on mobile
  • No sidebar or navigation tree
  • No active link highlighting
  • Poor discoverability of other docs pages
Image

Expected Behavior

A responsive mobile navigation system that:

  • Provides access to the full documentation hierarchy
  • Uses a hamburger menu or drawer pattern
  • Maintains active link highlighting
  • Keeps the desktop sidebar experience unchanged

Proposed Solution

I would like to work on this issue and implement a mobile-friendly sidebar / floating bar.

Planned approach:

  • Make the sidebar responsive in website/src/app/docs/layout.tsx
  • Add a hamburger menu + drawer or floating bar (Tailwind-based)
  • Ensure active link highlighting
  • Keep UI consistent with the existing design system
  • Focus on a minimal, clean, and performant implementation

Additional Notes

  • No impact to desktop layout
  • Changes will be lightweight and scoped only to docs navigation

I’m happy to start with a minimal working version and iterate based on feedback.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    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