diff --git a/_includes/header.html b/_includes/header.html
index f8660d9..fa4be57 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -2,10 +2,12 @@
 
 	<a href="{{ page.url }}" title="{{ page.title }}">
 
-			<img class="avatar" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }}  72w, {{ site.logo | replace: "300", "144" }} 144w">
+			<img class="avatar" src="{{ site.logo | replace: "300", "72" }}" alt="{{ site.title }}" srcset="{{ site.logo | replace: "300", "72" }}  72w, {{ site.logo | replace: "300", "144" }} 144w" width="72" height="72">
 
 	</a>
 
+	{% include nav.html %}
+
 	<div class="container">
 
 		<h1>{{ page.title }}</h1>
diff --git a/_includes/nav.html b/_includes/nav.html
new file mode 100644
index 0000000..442bf6a
--- /dev/null
+++ b/_includes/nav.html
@@ -0,0 +1,14 @@
+<nav class="nav">
+  <button class="button  button--nav">Menu</button>
+  {% if data.nav %}
+    {% for item in data.nav %}
+      <a href="{{ item.url }}" title="{{ item.name }}">{{ item.name }}</a>
+    {% endfor %}
+  {% else %}
+    {% for page in site.pages %}
+      {% if page.title %}
+        <a href="{{ page.url }}" title="{{ page.title }}">{{ page.title }}</a>
+      {% endif %}
+    {% endfor %}
+  {% endif %}
+</nav>