Bug reportNov 4, 2026· 0:32· 18 views
Starlight: splash-page template has no mobile navigation menu button
0:32 total
Comments · 0
Be the first to comment.
Bug reportby SceneRecap AI
mediumStarlight splash template header / MobileMenuToggle rendering (likely gated on sidebar presence for template: splash)
os: macOSdpr: 1locale: en-USbrowser: Chromium 151.0.7922.34timezone: Europe/Berlinviewport: 1280x720
Repro steps
- 1.Open the Starlight splash page at / in a narrow layout.
- 2.Look at the header. Only the starlight logo and a search icon are shown.
- 3.Scroll down the splash page. No navigation control appears.
- 4.Control: navigate to /getting-started and check the header. A hamburger menu button is present.
- 5.Control: click the 'Mobile menu' button. The sidebar opens. Press Escape to close it.
- 6.Navigate back to / and check the header again. The menu button is still missing.
Expected
The splash page header should include a mobile menu button, the same as docs pages, so users can open site navigation in a narrow viewport.
Actual
The splash page header shows only the logo and search icon. The console reports 0 .sl-menu-button elements. Docs pages like /getting-started do render the button and the menu opens correctly.
Evidence
visualSplash page header shows only the starlight logo and search icon, with no menu button. Overlay label reads 'Splash page, no mobile menu button'.
consolewarn: 'Splash page: .sl-menu-button elements = 0 (expected 0 — bug)'. The message text is contradictory, but the count of 0 confirms the button is absent.
visualAfter scrolling 220px, the cards 'Documentation that delights' and 'Powered by Astro' appear. There is still no navigation control.
visualControl (works): on /getting-started the header shows a search icon and a hamburger menu button.
visualControl (works): clicking 'Mobile menu' opens the sidebar with the Start Here, Guides and Components sections, and 'Getting Started' is highlighted.
consoleControl (works): warn 'Docs page: .sl-menu-button elements = 1 (expected 1)'.
visualBack on the splash page, the header again has no menu button. Overlay reads 'Back to splash, still no mobile menu button'.
Issue markdown (copy-paste ready)
## Bug: Splash page template has no mobile navigation menu button **Environment:** Chromium 151.0.7922.34, macOS, viewport 1280x720, dpr 1, en-US ### Steps to reproduce 1. Open `/` (splash template) in a narrow layout. (0s) 2. Look at the header. Only the logo and search icon are shown. (3s) 3. Scroll down. No navigation control appears. (8.3s) 4. Control: open `/getting-started`. A hamburger menu button is present. (11.2s) 5. Control: click **Mobile menu**. The sidebar opens. Press Escape to close it. (16.3s, 21.3s) 6. Return to `/`. The button is still missing. (22.2s) ### Expected The splash page header includes a mobile menu button so users can reach site navigation, as docs pages do. ### Actual The splash header has no menu button. The console reports `.sl-menu-button elements = 0` on `/`. ### Evidence - 3s: Splash header shows only the logo and search icon. - 6.7s: console warn `Splash page: .sl-menu-button elements = 0 (expected 0 — bug)`. The message wording is contradictory, but the count is 0. - 11s to 22s (control, works): `/getting-started` renders the menu button. At 17s it opens the sidebar. At 22.1s the console logs `.sl-menu-button elements = 1 (expected 1)`. - 25s: The splash page still has no menu button. ### Suggested area The header or MobileMenuToggle rendering in the splash template. The toggle is likely omitted when `template: splash` disables the sidebar. *Recorded with SceneRecap.*
Your recordings could explain themselves too.
Free plan · silent recordings welcome · bug reports included.
Try SceneRecap free →