diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8c6a9ab..b95bf78 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -11,6 +11,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 - Google Analytics tracking ID, Disqus comments, to `/docs` demo site.
 
 ### Changed
+- Change source order of `.sidebar` and `.canvas` so menu items can easily be "tabbed" to. [#10](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/10)
 - Refactor sidebar off-canvas menu and improve animation. [#9](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/9) [#15](https://github.com/mmistakes/jekyll-theme-basically-basic/issues/15)
 - Removed tinted background from `<th>` elements.
 - Permalink structure of `/docs` demo site.
diff --git a/_layouts/default.html b/_layouts/default.html
index b7e30fa..8d3d977 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -21,13 +21,6 @@
       </button>
     </div>
 
-    <div class="canvas">
-      <div class="wrapper">
-        {% include masthead.html %}
-        {{ content }}
-      </div>
-    </div>
-
     <div id="sidebar" class="sidebar">
       <div class="inner">
         {% include navigation.html %}
@@ -35,6 +28,13 @@
       </div>
     </div>
 
+    <div class="canvas">
+      <div class="wrapper">
+        {% include masthead.html %}
+        {{ content }}
+      </div>
+    </div>
+
     {% include scripts.html %}
 
   </body>
diff --git a/docs/_layouts/default.html b/docs/_layouts/default.html
index b7e30fa..8d3d977 100644
--- a/docs/_layouts/default.html
+++ b/docs/_layouts/default.html
@@ -21,13 +21,6 @@
       </button>
     </div>
 
-    <div class="canvas">
-      <div class="wrapper">
-        {% include masthead.html %}
-        {{ content }}
-      </div>
-    </div>
-
     <div id="sidebar" class="sidebar">
       <div class="inner">
         {% include navigation.html %}
@@ -35,6 +28,13 @@
       </div>
     </div>
 
+    <div class="canvas">
+      <div class="wrapper">
+        {% include masthead.html %}
+        {{ content }}
+      </div>
+    </div>
+
     {% include scripts.html %}
 
   </body>