diff --git a/themes/magzine/components/Header.js b/themes/magzine/components/Header.js
index 45b6547a..6464b712 100644
--- a/themes/magzine/components/Header.js
+++ b/themes/magzine/components/Header.js
@@ -62,11 +62,12 @@ export default function Header(props) {
   // 向下滚动时，调整导航条高度
   useEffect(() => {
     scrollTrigger()
+    changeShow(false)
     window.addEventListener('scroll', scrollTrigger)
     return () => {
       window.removeEventListener('scroll', scrollTrigger)
     }
-  }, [])
+  }, [router])
 
   const throttleMs = 150
 
diff --git a/themes/magzine/components/MenuBarMobile.js b/themes/magzine/components/MenuBarMobile.js
index 9e32e9f5..7ceecf38 100644
--- a/themes/magzine/components/MenuBarMobile.js
+++ b/themes/magzine/components/MenuBarMobile.js
@@ -1,7 +1,11 @@
 import { siteConfig } from '@/lib/config'
 import { useGlobal } from '@/lib/global'
 import { MenuItemCollapse } from './MenuItemCollapse'
-
+/**
+ * 移动端菜单
+ * @param {*} props
+ * @returns
+ */
 export const MenuBarMobile = props => {
   const { customMenu, customNav } = props
   const { locale } = useGlobal()
diff --git a/themes/magzine/components/MenuItemCollapse.js b/themes/magzine/components/MenuItemCollapse.js
index 36659c5a..d220ff35 100644
--- a/themes/magzine/components/MenuItemCollapse.js
+++ b/themes/magzine/components/MenuItemCollapse.js
@@ -1,7 +1,7 @@
 import Collapse from '@/components/Collapse'
 import Link from 'next/link'
 import { useRouter } from 'next/router'
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 
 /**
  * 折叠菜单
@@ -31,6 +31,11 @@ export const MenuItemCollapse = props => {
     changeIsOpen(!isOpen)
   }
 
+  // 路由切换时菜单收起
+  useEffect(() => {
+    changeIsOpen(false)
+  }, [router])
+
   return (
     <>
       <div