diff --git a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue
index bbed5db97c35e0042897d210c6189b3bf84f98e1..9a29e7752d5ced03cbcd74cce4daf6abb692f6f3 100644
--- a/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue
+++ b/packages/devui-vue/docs/.vitepress/devui-theme/components/NavBarTitle.vue
@@ -1,25 +1,16 @@
 <script setup lang="ts">
 import { withBase, useData } from 'vitepress'
 const { site, theme, localePath } = useData()
-function gopage (){
-  document.querySelector('.nav-bar-title').setAttribute('href', window.location.pathname);
-  return false;
-};
+function gopage() {
+  document.querySelector('.nav-bar-title').setAttribute('href', window.location.pathname)
+  return false
+}
 </script>
 
 <template>
-  <a
-    class="nav-bar-title"
-    :aria-label="`${site.title}, back to home`"
-    @click="gopage()"
-  >
-    <img
-      v-if="theme.logo"
-      class="logo"
-      :src="withBase(theme.logo)"
-      alt="Logo"
-    />
-    {{ site.title }}
+  <a class="nav-bar-title" :aria-label="`${site.title}, back to home`" @click="gopage()">
+    <img v-if="theme.logo" class="logo" :src="withBase(theme.logo)" alt="Logo" />
+    <span>{{ site.title }}</span>
   </a>
 </template>
 
@@ -32,6 +23,11 @@ function gopage (){
   font-size: 1.3rem;
   font-weight: 600;
   color: $devui-text;
+  span {
+    @media screen and (max-width: 360px) {
+      display: none;
+    }
+  }
 }
 
 .nav-bar-title:hover {