diff --git a/src/App.vue b/src/App.vue
index 71ede115..723fb359 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -27,28 +27,6 @@ watch([
     immediate: true
 })
 
-watch([
-    () => store.state.settings.enableDynamicTitle,
-    () => store.state.settings.title
-], () => setDocumentTitle(), {
-    immediate: true
-})
-
-onMounted(() => {
-    window.onresize = () => {
-        store.commit('settings/setMode', document.documentElement.clientWidth)
-    }
-    window.onresize()
-})
-
-function setDocumentTitle() {
-    if (store.state.settings.enableDynamicTitle && store.state.settings.title) {
-        let title = store.state.settings.title
-        document.title = `${title} - ${import.meta.env.VITE_APP_TITLE}`
-    } else {
-        document.title = import.meta.env.VITE_APP_TITLE
-    }
-}
 function setMenuMode() {
     document.body.removeAttribute('data-sidebar-no-collapse')
     document.body.removeAttribute('data-sidebar-collapse')
@@ -59,4 +37,27 @@ function setMenuMode() {
     }
     document.body.setAttribute('data-menu-mode', store.state.settings.menuMode)
 }
+
+watch([
+    () => store.state.settings.enableDynamicTitle,
+    () => store.state.settings.title
+], () => setDocumentTitle(), {
+    immediate: true
+})
+
+function setDocumentTitle() {
+    if (store.state.settings.enableDynamicTitle && store.state.settings.title) {
+        let title = store.state.settings.title
+        document.title = `${title} - ${import.meta.env.VITE_APP_TITLE}`
+    } else {
+        document.title = import.meta.env.VITE_APP_TITLE
+    }
+}
+
+onMounted(() => {
+    window.onresize = () => {
+        store.commit('settings/setMode', document.documentElement.clientWidth)
+    }
+    window.onresize()
+})
 </script>
diff --git a/src/layout/components/SubSidebar/index.vue b/src/layout/components/SubSidebar/index.vue
index 3381f2ff..5ec02777 100644
--- a/src/layout/components/SubSidebar/index.vue
+++ b/src/layout/components/SubSidebar/index.vue
@@ -1,8 +1,8 @@
 <template>
     <div v-if="['side', 'head', 'single'].includes($store.state.settings.menuMode) || $store.state.settings.mode === 'mobile'" class="sub-sidebar-container" :class="{'is-collapse': $store.state.settings.mode === 'pc' && $store.state.settings.sidebarCollapse}" @scroll="onSidebarScroll">
-        <Logo :show-logo="$store.state.settings.menuMode === 'single'" :class="{
+        <Logo :show-logo="$store.state.settings.menuMode === 'single' && $store.state.settings.mode === 'pc'" :class="{
             'sidebar-logo': true,
-            'sidebar-logo-bg': $store.state.settings.menuMode === 'single',
+            'sidebar-logo-bg': $store.state.settings.menuMode === 'single' && $store.state.settings.mode === 'pc',
             'shadow': sidebarScrollTop
         }"
         />
diff --git a/src/store/modules/menu.js b/src/store/modules/menu.js
index 7f7b1456..39eb2366 100644
--- a/src/store/modules/menu.js
+++ b/src/store/modules/menu.js
@@ -126,7 +126,7 @@ const getters = {
     // 由于 getter 的结果不会被缓存，导致导航栏切换时有明显的延迟，该问题会在 Vue 3.2 版本中修复，详看 https://github.com/vuejs/vuex/pull/1883
     routes: (state, getters, rootState) => {
         let routes
-        if (rootState.settings.menuMode === 'single') {
+        if (rootState.settings.menuMode === 'single' && rootState.settings.mode === 'pc') {
             routes = [{ children: [] }]
             state.routes.map(item => {
                 routes[0].children.push(...item.children)