diff --git a/src/components/SiteHeader.astro b/src/components/SiteHeader.astro
index 7d5e171..c555a9a 100644
--- a/src/components/SiteHeader.astro
+++ b/src/components/SiteHeader.astro
@@ -152,6 +152,10 @@ const lineClass = isDark ? "bg-white" : "bg-black";
     const closeButton = document.getElementById("menu-close");
 
     if (menu && openButton && closeButton) {
+        // Move menu to document.body so backdrop-filter on the nav wrapper
+        // doesn't create a new containing block that clips fixed positioning.
+        document.body.appendChild(menu);
+
         const toggleMenu = (open) => {
             menu.classList.toggle("hidden", !open);
             menu.setAttribute("aria-hidden", open ? "false" : "true");