Describe a navigation strategy that adapts from mobile to desktop.

Describe a navigation strategy that adapts from mobile to desktop.

• A. Build a fixed-top horizontal navigation that remains identical across devices.
• B. Use anchor-based navigation only for desktop.
• C. Use adaptive menus, collapsible nav, media queries, and consider anchor-based navigation.
• D. Create separate navigation structures for each device without shared components.

Answer: (C)

Designing navigation that works across mobile and desktop relies on responsive/adaptive techniques that tailor the menu to the screen size. Use adaptive menus that switch presentation based on viewport, and implement collapsible navigation on small screens (like a hamburger or slide-out panel) so the header stays clean without sacrificing access. Media queries drive these changes, adjusting layout, visibility, and interaction at different breakpoints while keeping a single codebase. Considering anchor-based navigation can also help on long pages, giving quick in-page jumps without extra navigation clutter. This approach balances usability, accessibility, and maintainability across devices.

Designing navigation that works across mobile and desktop relies on responsive/adaptive techniques that tailor the menu to the screen size. Use adaptive menus that switch presentation based on viewport, and implement collapsible navigation on small screens (like a hamburger or slide-out panel) so the header stays clean without sacrificing access. Media queries drive these changes, adjusting layout, visibility, and interaction at different breakpoints while keeping a single codebase. Considering anchor-based navigation can also help on long pages, giving quick in-page jumps without extra navigation clutter. This approach balances usability, accessibility, and maintainability across devices.