MblNav Responsive Audit

Verifies the responsive navigation fix: 2xl breakpoint (1536px) for desktop nav, hamburger below 1536px, no horizontal overflow at any width.

Preview at 390px:

ViewportWidthOverflowModeStatus
Android portrait
360px———
iPhone portrait
390px———
iPhone Pro Max portrait
430px———
iPhone landscape
844px———
iPad portrait
768px———
iPad landscape
1024px———
Laptop
1366px———
Desktop breakpoint
1536px———
Desktop
1920px———

Expected Behavior

  • • Below 1536px: hamburger menu visible, no desktop nav overflow
  • • At 1536px+: desktop nav with all 13 controls visible, no overflow
  • • scrollWidth must never exceed clientWidth (no horizontal overflow)
  • • All navigation items accessible (hamburger menu or desktop nav)