diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index bd49ec96581d60c36667cb315035f570352aa799..ca758f67b7c4e866f383b32c7a4a8cb69cfab29a 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -71,6 +71,7 @@ const config: Config = {
           label: 'Serverless API',
           to: 'https://ai.gitee.com/serverless-api',
           target: '_self',
+          className: 'gai-navbar-item',
         },
         {
           label: '模型',
@@ -91,6 +92,7 @@ const config: Config = {
           label: '应用',
           to: 'https://ai.gitee.com/apps',
           target: '_self',
+          className: 'gai-navbar-item',
         },
         {
           label: '解决方案',
@@ -122,6 +124,7 @@ const config: Config = {
           sidebarId: 'tutorialSidebar',
           position: 'left',
           label: '文档',
+          className: 'gai-navbar-item',
         },
         {
           type: 'dropdown',
@@ -150,6 +153,7 @@ const config: Config = {
           label: 'AI 客服',
           to: '/docs/金牌客服马建仓',
           target: '_self',
+          className: 'gai-navbar-item',
         },
       ],
     },
diff --git a/src/css/custom.css b/src/css/custom.css
index 3861a6cea75b590986b0e4716422f53e54a5e090..4b64bda5158141d6be8c60a34e5dbd1db21f3c53 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -180,3 +180,9 @@ div[id^='headlessui-disclosure-panel'] tr td.relative:nth-child(2) {
 .markdown li.tabs__item {
   display: inline-flex;
 }
+
+@media (max-width: 996px) {
+  .navbar__items .gai-navbar-item.navbar__item {
+    display: none;
+  }
+}