diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html
index 92f7d6f..135d41c 100644
--- a/layouts/partials/navbar.html
+++ b/layouts/partials/navbar.html
@@ -35,6 +35,7 @@
             <li class="top-level"><a href="{{ .Permalink }}">{{ title .LinkTitle }}</a></li>
           {{ end }}
         {{ end }}
+        <li class="top-level"><a class="show-mobile" href="/">Home</a></li>
       </ul>
     </nav>
   </header>
diff --git a/static/src/scss/style.scss b/static/src/scss/style.scss
index 10955d5..99ab6f9 100644
--- a/static/src/scss/style.scss
+++ b/static/src/scss/style.scss
@@ -81,6 +81,27 @@ blockquote p {
   }
 }
 
+
+nav {
+  a {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    @media screen and (max-width: 840px) {
+      &.link.depth-2 {
+        display: none !important;
+      }
+    }
+
+    @media screen and (min-width: 840px) {
+      &.show-mobile {
+        display: none !important;
+      }
+    }
+  }
+}
+
+
 .dropotron.level-0 {
   margin-top: 0.4em;
 }