diff --git a/themes/grid/layout/partial/header.ejs b/themes/grid/layout/partial/header.ejs
index 18ebaaf..fcff700 100644
--- a/themes/grid/layout/partial/header.ejs
+++ b/themes/grid/layout/partial/header.ejs
@@ -1,7 +1,7 @@
 <nav class="uk-navbar-container uk-box-shadow-medium" uk-navbar uk-sticky>
-    <div class="uk-navbar-left">
-        <a class="uk-navbar-item uk-logo" href="/index.html"><%= config.title %></a>
-        <span class="uk-navbar-item">用碎片化的时间收集碎片化的知识</span>
+    <div class="uk-navbar-left flex row-a ry-baseline-a rx-start-a cy-center-a w-wrap-a">
+        <a class="uk-navbar-item uk-logo compact-logo-n" href="/index.html"><%= config.title %></a>
+        <span class="uk-navbar-item compact-slogon-n">用碎片化的时间收集碎片化的知识</span>
     </div>
     <div class="uk-navbar-right">
         <a href="#" class="uk-navbar-toggle hiw" uk-navbar-toggle-icon uk-toggle="target: #off-menu"></a>
diff --git a/themes/grid/source/css/narrow.less b/themes/grid/source/css/narrow.less
index e25f759..67cb2ab 100644
--- a/themes/grid/source/css/narrow.less
+++ b/themes/grid/source/css/narrow.less
@@ -16,4 +16,15 @@
 }
 .tags-toc-list .tags-toc-list-item {
     width: 90%;
+}
+
+@media screen and (max-width: 420px) {
+    .compact-logo-n {
+        min-height: 28px;
+        font-size: 1.2rem;
+    }
+    .compact-slogon-n {
+        min-height: 24px;
+        font-size: 0.5rem;
+    }
 }
\ No newline at end of file