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

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions