From 1d445c0925a8db7a94a9e8584122f562a47a966f Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 23 Apr 2026 18:40:56 +0000
Subject: [PATCH 1/2] Initial plan


From 7d362f65c2618c530571fb740edb386217fe062d Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Thu, 23 Apr 2026 18:47:03 +0000
Subject: [PATCH 2/2] fix: close iPad 768px header nav breakpoint gap

Change tablet hamburger trigger from min-width: 769px to min-width: 768px
so an iPad at exactly 768px sees the hamburger menu instead of neither
the header nav links nor the hamburger.

Fixes #multi-device-docs-testing-report-2026-04-23

Agent-Logs-Url: https://github.com/github/gh-aw/sessions/803b3606-14b4-47af-9e22-dd890a57d58a

Co-authored-by: pelikhan <4175913+pelikhan@users.noreply.github.com>
---
 docs/src/styles/custom.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/styles/custom.css b/docs/src/styles/custom.css
index a73d8605e7..5769587e8e 100644
--- a/docs/src/styles/custom.css
+++ b/docs/src/styles/custom.css
@@ -1615,8 +1615,8 @@ main,
   }
 }
 
-/* Tablet-specific fixes (iPad Pro 11 at 834px) — header hamburger */
-@media (min-width: 769px) and (max-width: 900px) {
+/* Tablet-specific fixes (iPad at 768px, iPad Pro 11 at 834px) — header hamburger */
+@media (min-width: 768px) and (max-width: 900px) {
   /* Hide full nav to prevent overflow; hamburger replaces it */
   .custom-header-links {
     display: none !important;