diff --git a/_sass/_header.scss b/_sass/_header.scss
index 22b46a9..02174ed 100644
--- a/_sass/_header.scss
+++ b/_sass/_header.scss
@@ -18,6 +18,15 @@
 .site-nav {
     float: right;
     line-height: $nav-height;
+    
+    .nav-trigger {
+      display: none;
+    }
+
+    .menu-icon {
+    display: none;
+    }
+    
     .page-link{
         line-height: $line-height;
         // Gaps between nav items, but not on the first one
@@ -25,19 +34,59 @@
             margin-left: 10px;
         }
     }
-    // @include media-query($on-palm) {
-    //     position: fixed;
-    //     top: 0px;
-    //     right: 10px;
-    //     text-align: right;
-    //     &:hover .trigger {
-    //         display: block;
-    //         padding-bottom: 5px;
-    //     }
-    //     .page-link {
-    //         display: line;
-    //     }
-    // }
+    // added for hamburger
+    @include media-query($on-palm) {
+    position: absolute;
+    top: 9px;
+    right: $horizontal-spacing-unit / 2;
+    background-color: $background-color;
+    border: 1px solid $grey-color-light;
+    border-radius: 5px;
+    text-align: right;
+
+    label[for="nav-trigger"] {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 36px;
+      z-index: 2;
+      cursor: pointer;
+    }
+
+    .menu-icon {
+      display: block;
+      float: right;
+      width: 36px;
+      height: 26px;
+      line-height: 0;
+      padding-top: 10px;
+      text-align: center;
+
+      > svg path {
+        fill: $grey-color-dark;
+      }
+    }
+
+    input ~ .trigger {
+      clear: both;
+      display: none;
+    }
+
+    input:checked ~ .trigger {
+      display: block;
+      padding-bottom: 5px;
+    }
+
+    .page-link {
+      display: block;
+      padding: 5px 10px;
+
+      &:not(:last-child) {
+        margin-right: 0;
+      }
+      margin-left: 10px;
+    }
+  }
 }
 
 .header-bar{