About page for small screen

app/assets/stylesheets/aboutme_welcome.scss

@@ -36,6 +36,10 @@
     left: 0;
   }
 
+  .responsive-button {
+    padding: 0.7rem 1rem;
+  }
+
   a {
     word-wrap: break-word;
   }

app/views/home/index.en.html.slim

@@ -3,13 +3,17 @@
 - 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='/' Back to WinDy Blog
+        .top-bar-right
+          ul.menu
+            li
+              .responsive-button data-responsive-toggle="responsive-menu" data-hide-for="medium"
+                button class="menu-icon" type="button" data-toggle=''
+        #responsive-menu
             .top-bar-right
               ul.menu
                 li

app/views/home/index.html.slim

@@ -8,6 +8,12 @@
           ul.menu
             li
               a.name href='/' 回到博客
+        .top-bar-right
+          ul.menu
+            li
+              .responsive-button data-responsive-toggle="responsive-menu" data-hide-for="medium"
+                button class="menu-icon" type="button" data-toggle=''
+        #responsive-menu
           .top-bar-right
             ul.menu
               li