docs: tighten mobile burger-menu gap above the translations block

kwagyeman · claude · kwagyeman · commit 96c2941f45e3 · 2026-06-18T13:00:27.000-07:00
The theme puts 2rem (32px) top padding on the mobile menu's
search/socials/translations block, leaving an oversized gap under the
section links. Reduce it to 0.75rem for a normal section break (max-width
767px only; desktop navbar unaffected).

Co-Authored-By: Claude Opus 4.8 &lt;noreply@anthropic.com&gt;
diff --git a/docs/static/custom.css b/docs/static/custom.css
@@ -1164,6 +1164,15 @@ video.framed,
     width: auto;
 }
 
+/* Mobile burger menu: the theme puts 2rem (32px) of top padding above the
+   search/socials/translations block, leaving a big gap under the section
+   links. Tighten it to a normal section break (keep some separation). */
+@media (max-width: 767px) {
+    .sy-head-extra {
+        padding-top: 0.75rem;
+    }
+}
+
 /* ─── RTL (Arabic, Hebrew) ───────────────────────────────────────────
    The Shibuya theme mirrors its own chrome from <html dir="rtl">, but the
    custom home-page components above use physical left/right properties.
