diff --git a/_includes/navbar.html b/_includes/navbar.html
index 1c48ac8..5722345 100644
--- a/_includes/navbar.html
+++ b/_includes/navbar.html
@@ -1,16 +1,32 @@
 {% assign pages = site.pages | where: "show", true %}
 
-<nav class="bg-light navbar navbar-expand navbar-light sticky-top" role="navigation">
+<nav class="navbar navbar-default navbar-static-top" role="navigation">
   <div class="container">
-    <a class="mr-auto navbar-brand" href="#">{{ site.title }}</a>
-    <ul class="navbar-nav">
-      {% for page in pages %}
-        <li class="nav-item">
-          <a class="nav-link" href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
-            {{ page.title | default: "Page" | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
-          </a>
-        </li>
-      {% endfor %}
-    </ul>
+    <div class="navbar-header">
+      <button class="collapsed navbar-toggle" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
+        <span class="sr-only">Toggle navigation</span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+        <span class="icon-bar"></span>
+      </button>
+
+      <!-- Name of the site -->
+      <a class="navbar-brand" href="/">
+        {{ site.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | truncate: 64 | xml_escape }}
+      </a>
+    </div>
+
+    <!-- List of pages -->
+    <div class="collapse navbar-collapse" id="navbar">
+      <ul class="nav navbar-nav">
+        {% for page in pages %}
+          <li>
+            <a href="{{ page.url | strip_newlines | strip_html | strip | normalize_whitespace | relative_url | uri_escape }}">
+              {{ page.title | strip_newlines | strip_html | strip | normalize_whitespace | smartify | xml_escape }}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+    </div>
   </div>
 </nav>