diff --git a/site/_includes/docs_contents_mobile.html b/site/_includes/docs_contents_mobile.html
new file mode 100644
index 00000000..60a01d5c
--- /dev/null
+++ b/site/_includes/docs_contents_mobile.html
@@ -0,0 +1,36 @@
+<div class="docs-nav-mobile unit whole show-on-mobiles">
+  <select>
+    <option value="">Navigate the docs…</option>
+    <optgroup label="Getting started">
+      <option value="{{ site.url }}/docs/home">Welcome</option>
+      <option value="{{ site.url }}/docs/installation">Installation</option>
+      <option value="{{ site.url }}/docs/usage">Basic Usage</option>
+      <option value="{{ site.url }}/docs/structure">Directory structure</option>
+      <option value="{{ site.url }}/docs/configuration">Configuration</option>
+    </optgroup>
+    <optgroup label="Your Content">
+      <option value="{{ site.url }}/docs/frontmatter">Front-matter</option>
+      <option value="{{ site.url }}/docs/posts">Writing posts</option>
+      <option value="{{ site.url }}/docs/pages">Creating pages</option>
+      <option value="{{ site.url }}/docs/variables">Variables</option>
+      <option value="{{ site.url }}/docs/migrations">Blog migrations</option>
+    </optgroup>
+    <optgroup label="Customization">
+      <option value="{{ site.url }}/docs/templates">Templates</option>
+      <option value="{{ site.url }}/docs/permalinks">Permalinks</option>
+      <option value="{{ site.url }}/docs/pagination">Pagination</option>
+      <option value="{{ site.url }}/docs/plugins">Plugins</option>
+      <option value="{{ site.url }}/docs/extras">Extras</option>
+    </optgroup>
+    <optgroup label="Deployment">
+      <option value="{{ site.url }}/docs/github-pages">GitHub Pages</option>
+      <option value="{{ site.url }}/docs/deployment-methods">Other methods</option>
+    </optgroup>
+    <optgroup label="Miscellaneous">
+      <option value="{{ site.url }}/docs/contributing">Contributing</option>
+      <option value="{{ site.url }}/docs/troubleshooting">Troubleshooting</option>
+      <option value="{{ site.url }}/docs/sites">Sites using Jekyll</option>
+      <option value="{{ site.url }}/docs/resources">Resources</option>
+    </optgroup>
+  <select>
+</div>
diff --git a/site/css/style.css b/site/css/style.css
index 6770ef87..b640462f 100644
--- a/site/css/style.css
+++ b/site/css/style.css
@@ -498,6 +498,10 @@ p {
   cursor: default;
 }
 
+.docs-nav-mobile select {
+  width: 100%;
+}
+
 /* Article HTML */
 
 article h2,