diff --git a/sass/oscailte/base/_navigation.scss b/sass/oscailte/base/_navigation.scss
index ea581a0b4e9..a6a974a6309 100644
--- a/sass/oscailte/base/_navigation.scss
+++ b/sass/oscailte/base/_navigation.scss
@@ -14,13 +14,14 @@ body{ -webkit-animation: bugfix infinite 1s; }
 #toggle, .toggle { display: none; }
 .menu li { list-style: none; float:left;  }
 
-$menu-collapse: 955px;
+$menu-collapse: 924px;
 
 // @media only screen and (max-width: $lap-end){
 @media only screen and (max-width: $menu-collapse){
   .menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
   .menu li { display: block; width: 100%; margin: 0; }
   .menu li a { display: block; width: 100%; text-decoration: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
+  .menu li a .icon { display: none; }
   .toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
   #toggle:checked ~ .menu { display: block; opacity: 1; z-index: 999; }
 }
@@ -75,10 +76,10 @@ header .grid {
   @include box-sizing(border-box);
   @include transition(all 0.25s linear);
   display: block;
-  padding: 32px 20px;
+  padding: 32px 12px;
   text-decoration: none;
   font-weight: normal;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 1;
 }
 
@@ -86,7 +87,7 @@ header .grid {
   background: $site-background;
   box-shadow: inset 0px 5px $navigation-color;
   color: $navigation-color;
-  padding: 40px 20px 24px;
+  padding: 40px 12px 24px;
 }
 
 .toggle{ 
diff --git a/source/_includes/custom/grid_item_right.html b/source/_includes/custom/grid_item_right.html
index ba27398e2db..a1b637ad6b1 100644
--- a/source/_includes/custom/grid_item_right.html
+++ b/source/_includes/custom/grid_item_right.html
@@ -9,3 +9,4 @@
   <li>receive a message when the lights turn on while you are not at home?</li>
 </ul>
 <p><a href='/getting-started/automation/'>We've got you covered.</a></p>
+<p><a href='/cookbook/'>View examples by the community.</a></p>
diff --git a/source/_includes/custom/navigation.html b/source/_includes/custom/navigation.html
index 52f378b5495..ccc7386c18a 100644
--- a/source/_includes/custom/navigation.html
+++ b/source/_includes/custom/navigation.html
@@ -1,6 +1,6 @@
 <ul class="menu pull-right">
   <li>
-    <a href="{{ root_url }}/getting-started/">Getting started</a>
+    <a>Getting started <i class="icon icon-caret-down"></i></a>
     <ul>
       <li><a href='/getting-started/'>Installing Home Assistant</a></li>
       <li><a href='/getting-started/configuration/'>Configuration basics</a></li>
@@ -8,12 +8,12 @@
       <li><a href='/getting-started/presence-detection/'>Presence detection</a></li>
       <li><a href='/getting-started/automation/'>Automation</a></li>
       <li><a href='/getting-started/templating/'>Templating</a></li>
-      <li><a href='/cookbook'>Configuration cookbook</a></li>
     </ul>
   </li>
   <li><a href='/components/'>Components</a></li>
+  <li><a href='/cookbook'>Examples</a></li>
   <li>
-    <a href="{{ root_url }}/developers/">Developers</a>
+    <a>Developers <i class="icon icon-caret-down"></i></a>
     <ul>
       <li><a href="{{ root_url }}/developers/architecture/">Architecture</a></li>
       <li><a href="{{ root_url}}/developers/frontend/">Frontend development</a></li>