diff --git a/src/App.tsx b/src/App.tsx
index c501b62..2287082 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -353,6 +353,7 @@ function MainContent(): React.JSX.Element {
 
   const isDark = currentTheme?.mode === "dark"
   const brandColor = currentTheme?.config?.tdesign?.brandColor || "#0052D9"
+  const isMobileDevice = isIosDevice || isAndroidDevice
   const showMobileBottomNav = isPortraitMode && !immersiveMode
 
   return (
@@ -395,6 +396,7 @@ function MainContent(): React.JSX.Element {
           onLogout={logout}
           showWindowControls={!isIosDevice && !isAndroidDevice}
           isPortraitMode={isPortraitMode}
+          isMobileDevice={isMobileDevice}
           sidebarCollapsed={sidebarCollapsed}
           floatingExpand={isPortraitMode}
           floatingExpanded={floatingSidebarExpanded}
diff --git a/src/components/ContentArea.tsx b/src/components/ContentArea.tsx
index 839827a..628f23e 100644
--- a/src/components/ContentArea.tsx
+++ b/src/components/ContentArea.tsx
@@ -60,6 +60,7 @@ interface ContentAreaProps {
   onLogout: () => void
   showWindowControls: boolean
   isPortraitMode: boolean
+  isMobileDevice: boolean
   sidebarCollapsed: boolean
   floatingExpand: boolean
   floatingExpanded: boolean
@@ -78,6 +79,7 @@ export function ContentArea({
   onLogout,
   showWindowControls,
   isPortraitMode,
+  isMobileDevice,
   sidebarCollapsed,
   floatingExpand,
   floatingExpanded,
@@ -228,7 +230,7 @@ export function ContentArea({
           }
         >
           <Space size="small">
-            {(immersiveMode || isHomePage) && (
+            {(immersiveMode || (isHomePage && !isMobileDevice)) && (
               <Button
                 size="small"
                 type={immersiveMode ? "primary" : "default"}