diff --git a/index.html b/index.html
index 0c78711..4ec9bed 100644
--- a/index.html
+++ b/index.html
@@ -352,10 +352,20 @@ footer .built{font-size:13px;color:var(--muted);margin-top:8px}
 .table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
 .table-scroll table{min-width:420px}
 
-/* Without JavaScript the panel cannot be toggled, so show it inline. */
+/*
+  Without JavaScript the panel cannot be toggled, so the links are shown
+  inline. On narrow screens they wrap under the logo and the bar is allowed
+  to grow, instead of being clipped by the fixed 60px height.
+*/
 .nojs .navtoggle{display:none}
 .nojs .topbar nav{position:static;display:flex;flex-direction:row;flex-wrap:wrap;
   box-shadow:none;border-bottom:0;padding:0;margin-left:auto;background:transparent}
+@media (max-width:900px){
+  .nojs .topbar .wrap{height:auto;min-height:56px;flex-wrap:wrap;padding-bottom:8px;gap:10px}
+  .nojs .topbar nav{margin-left:0;width:100%;gap:4px 6px}
+  .nojs .topbar nav a{font-size:14.5px;min-height:40px;padding:0 10px;
+    display:flex;align-items:center;border:1px solid var(--line);border-radius:8px}
+}
 @media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
 :focus-visible{outline:2px solid var(--accent);outline-offset:2px}
 </style>