diff --git a/app/assets/stylesheets/aboutme_welcome.scss b/app/assets/stylesheets/aboutme_welcome.scss
index ef3ca0a..654a65f 100644
--- a/app/assets/stylesheets/aboutme_welcome.scss
+++ b/app/assets/stylesheets/aboutme_welcome.scss
@@ -37,7 +37,14 @@
   a {
     word-wrap: break-word;
   }
-  @media only screen and (min-width: 40.063em) {
+  //@media only screen and (min-width: 40.063em) {
+  @media screen and (max-width: 39.9375em) {
+    .top-bar-wrapper {
+      .top-bar, .top-bar-left, .top-bar-right {
+        width: auto !important;
+      }
+    }
+  }
     .top-bar-wrapper {
       background: 0 0;
       transition: background .5s ease-in-out,padding .5s ease-in-out;
@@ -77,7 +84,7 @@
         }
       }
     }
-  }
+  //}
 
   p {
     font-size: 1.275rem;
diff --git a/app/views/home/index.html.slim b/app/views/home/index.html.slim
index 51bdfff..62200ec 100644
--- a/app/views/home/index.html.slim
+++ b/app/views/home/index.html.slim
@@ -3,23 +3,21 @@
 - content_for(:main) do
   .about-page
     .top-bar-wrapper.contain-to-grid.fixed
-      .row
-        .small-12.columns
-          nav#about-top-bar.top-bar
-            .top-bar-left
-              ul.menu
-                li
-                  a.name href='/' 回到博客
-            .top-bar-right
-              ul.menu
-                li
-                  a href='#about' 关于
-                li
-                  a href='#skill' 技能
-                li
-                  a href='#work' 作品
-                li
-                  a href='#contact' 联系
+      nav#about-top-bar.top-bar
+        .top-bar-left
+          ul.menu
+            li
+              a.name href='/' 回到博客
+        .top-bar-right
+          ul.menu
+            li
+              a href='#about' 关于
+            li
+              a href='#skill' 技能
+            li
+              a href='#work' 作品
+            li
+              a href='#contact' 联系
     #intro
     header.intro
       .intro-heading