diff --git a/docs/config.json b/docs/config.json
index 10faf3f00..38849ee67 100644
--- a/docs/config.json
+++ b/docs/config.json
@@ -18,6 +18,11 @@
   ],
   "enableGitInfo": true,
   "markup": {
+    "tableOfContents": {
+      "endLevel": 3,
+      "ordered": false,
+      "startLevel": 2
+    },
     "goldmark": {
       "extensions": {
         "typographer": false
diff --git a/docs/content/_index.md b/docs/content/_index.md
index 726e838e2..7024ee440 100644
--- a/docs/content/_index.md
+++ b/docs/content/_index.md
@@ -2,6 +2,7 @@
 title: "Rclone"
 description: "Rclone syncs your files to cloud storage: Google Drive, S3, Swift, Dropbox, Google Cloud Storage, Azure, Box and many more."
 type: page
+notoc: true
 ---
 
 # Rclone syncs your files to cloud storage
diff --git a/docs/layouts/chrome/menu.html b/docs/layouts/chrome/menu.html
index 5838378e6..57c8935af 100644
--- a/docs/layouts/chrome/menu.html
+++ b/docs/layouts/chrome/menu.html
@@ -1,3 +1,14 @@
+{{ if and (gt .WordCount 200 ) (not (.Params.notoc)) }}
+<div class="card">
+  <div class="card-header" style="padding: 5px 10px;">
+    Contents
+  </div>
+  <div class="card-body">
+    {{ .TableOfContents }}
+  </div>
+</div>
+{{end}}
+
 <div class="card">
   <div class="card-header" style="padding: 5px 10px;">
     Share and Enjoy
diff --git a/docs/static/css/custom.css b/docs/static/css/custom.css
index bd50aed64..9bc80ed9b 100644
--- a/docs/static/css/custom.css
+++ b/docs/static/css/custom.css
@@ -171,3 +171,14 @@ a.badge-primary.focus, a.badge-primary:focus {
     outline: 0;
     box-shadow: 0 0 0 0.2rem rgba(112,202,242,.5);
 }
+nav#TableOfContents ul {
+    list-style-type: none;
+    padding: 0.0rem;
+    margin: 0.5rem;
+    font-size: 90%;
+    white-space: nowrap;
+    overflow:hidden;
+}
+nav#TableOfContents ul:hover {
+    overflow:visible;
+}