diff --git a/_layouts/default.html b/_layouts/default.html
index c0c5e2bf..dddd4eed 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -102,7 +102,7 @@
     <% if (!user.id) { %>
     <a class='mb-logo' href='{{site.url}}/'></a>
 
-    <div class='strong hide-mobile'>
+    <div class='strong small primary hide-mobile'>
       <a href='{{site.url}}/tour/' class='{% if page.category == 'tour' %}active{% endif %} animate inline pad1 round quiet truncate'>Tour</a><!--
       --><a href='{{site.url}}/showcase/' class='{% if page.category == 'showcase' %}active{% endif %} animate inline pad1 round quiet truncate'>Showcase</a><!--
       --><a href='{{site.url}}/blog/' class='{% if page.category == 'blog' %}active{% endif %} animate inline pad1 round quiet truncate'>Blog</a><!--
@@ -145,40 +145,46 @@
     </div>
 
     {% unless page.share %}
-      <div class='hide-mobile strong'>
-        <a href='{{site.url}}/help/' class='quiet authed animate round pad1 truncate inline {% if page.url contains '/help' %}active{% endif %}'>Help</a>
-        <a href='{{site.url}}/developers/' class='quiet authed animate round pad1 truncate inline {% if page.url contains '/developers' %}active{% endif %}'>Developers</a>
+      <div class='primary small strong'>
+        <a href='{{site.url}}/help/' class='hide-mobile quiet authed animate round pad1 truncate inline {% if page.url contains '/help' %}active{% endif %}'>Help</a>
+        <a href='{{site.url}}/developers/' class='hide-mobile quiet authed animate round pad1 truncate inline {% if page.url contains '/developers' %}active{% endif %}'>Developers</a>
+
+        <a href='#dropdown' class='show-mobile keyline-all authmenu droplink quiet icon menu round animate fr'></a>
+        <a href='#dropdown' class='hide-mobile pad1 block authmenu droplink quiet round animate fr'>
+          <img class='avatar' src='<%= user.avatar %>' />
+          <%= _(user.id || user.name).escape() %>
+        </a>
+
+        <div class='fr authmenu hide-mobile keyline-all'><!--
+          --><a href='{{site.url}}/projects/' class='inline pad1 quiet truncate icon folder {% if page.url contains '/project' %}active{% endif %}'>Projects</a><!--
+          --><a href='{{site.url}}/data/' class='keyline-left inline animate pad1 quiet truncate icon book {% if page.url contains '/data' %}active{% endif %}'>Data</a>
+        </div>
 
-        <a href='#dropdown' class='inline fr small pad1 round quiet droplink animate'><img class='avatar' src='<%= user.avatar %>' /><span class='truncate'><%= _(user.id || user.name).escape() %></span></a>
         <div class='dropdown fill-white keyline-all round animate'>
           <div class='plan contain'>
             <a href='{{site.url}}/plans/' class='plan-icon big <%= user.plan.id.replace('2', '').replace('-annual', '') %>'>
             </a>
-            <a href='{{site.url}}/plans/' class='truncate strong'>
+            <a href='{{site.url}}/plans/' class='truncate'>
               <%= _(user.plan?user.plan.name:'').escape() %><br />
               <span class='quiet'>(<%= numeral(user.plan.views).format('0a') %> views)</span>
             </a>
           </div>
-          <div class='show-mobile strong'>
+          <div class='show-mobile'>
             <a href='{{site.url}}/projects/' class='authed'>Projects</a>
             <a href='{{site.url}}/data/' class='authed'>Data</a>
+            <a href='{{site.url}}/help/'>Help</a>
+            <a href='{{site.url}}/developers/'>Developers</a>
           </div>
-          <div class='strong'>
-            <a href='{{site.url}}/account/'>Account</a>
-            <% if (App.user.group === 'admin') { %><a href='{{site.url}}/admin/'>Admin</a><% } %>
-            <a href='#signout' id='signout'>Sign out</a>
-          </div>
-          <div class='strong'>
+          <div>
             <a href='{{site.url}}/tour/'>Tour</a>
             <a href='{{site.url}}/showcase/'>Showcase</a>
             <a href='{{site.url}}/blog/'>Blog</a>
-            <a href='{{site.url}}/help/'>Help</a>
           </div>
-        </div>
-
-        <div class='authmenu fr keyline-all'><!--
-          --><a href='{{site.url}}/projects/' class='inline pad1 quiet truncate icon folder {% if page.url contains '/project' %}active{% endif %}'>Projects</a><!--
-          --><a href='{{site.url}}/data/' class='keyline-left inline animate pad1 quiet truncate icon book {% if page.url contains '/data' %}active{% endif %}'>Data</a>
+          <div>
+            <a href='{{site.url}}/account/'>Account</a>
+            <% if (App.user.group === 'admin') { %><a href='{{site.url}}/admin/'>Admin</a><% } %>
+            <a href='#signout' id='signout'>Sign out</a>
+          </div>
         </div>
 
       </div>