Before (live)
No visible hamburger icon - it's navy lines on a navy background. Logo very large relative to the header.
After (fix)
Hamburger icon visible (cream outline). Logo scaled down to suit the header.
Rendered at a true 500px mobile-breakpoint width (headless Chrome clamps narrower requests and crops the canvas, which fakes overflow). Left = live now on whiteswandev.pages.dev. Right = proposed fix, not yet built.
Closed state (page load)
No visible hamburger icon - it's navy lines on a navy background. Logo very large relative to the header.
Hamburger icon visible (cream outline). Logo scaled down to suit the header.
Menu open
Menu panel opens but the links (What's On, Drinks, FAQs, Contact / Find Us) are near-invisible - cream text on a cream panel.
Menu links now dark navy on the cream panel - readable.