diff --git a/admin-spa/src/App.tsx b/admin-spa/src/App.tsx
index b3506ae..ea3959a 100644
--- a/admin-spa/src/App.tsx
+++ b/admin-spa/src/App.tsx
@@ -422,7 +422,7 @@ function Shell() {
                 ) : (
                   <SubmenuBar items={main.children} fullscreen={true} />
                 )}
-                <PageHeader />
+                <PageHeader fullscreen={true} />
                 <div className="flex-1 overflow-auto p-4">
                   <AppRoutes />
                 </div>
@@ -437,7 +437,7 @@ function Shell() {
                 <SubmenuBar items={main.children} fullscreen={true} />
               )}
               <main className="flex-1 flex flex-col min-h-0">
-                <PageHeader />
+                <PageHeader fullscreen={true} />
                 <div className="flex-1 overflow-auto p-4">
                   <AppRoutes />
                 </div>
@@ -452,7 +452,7 @@ function Shell() {
             ) : (
               <SubmenuBar items={main.children} fullscreen={false} />
             )}
-            <PageHeader />
+            <PageHeader fullscreen={false} />
             <main className="flex-1 flex flex-col min-h-0">
               <div className="flex-1 overflow-auto p-4">
                 <AppRoutes />
diff --git a/admin-spa/src/components/PageHeader.tsx b/admin-spa/src/components/PageHeader.tsx
index 6db3e99..e89fee5 100644
--- a/admin-spa/src/components/PageHeader.tsx
+++ b/admin-spa/src/components/PageHeader.tsx
@@ -1,13 +1,22 @@
 import React from 'react';
 import { usePageHeader } from '@/contexts/PageHeaderContext';
 
-export function PageHeader() {
+interface PageHeaderProps {
+  fullscreen?: boolean;
+}
+
+export function PageHeader({ fullscreen = false }: PageHeaderProps) {
   const { title, action } = usePageHeader();
 
   if (!title) return null;
 
+  // Calculate top position based on fullscreen state
+  // Fullscreen: top-0 (submenu is at top-0)
+  // Normal: top-[calc(7rem+32px)] = top-[144px] (below WP bar + menu + submenu)
+  const topClass = fullscreen ? 'top-0' : 'top-[calc(10rem+32px)]';
+
   return (
-    <div className="sticky top-[49px] z-10 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
+    <div className={`sticky ${topClass} z-10 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`}>
       <div className="container max-w-5xl mx-auto px-4 py-3 flex items-center justify-between">
         <div>
           <h1 className="text-lg font-semibold">{title}</h1>