diff --git a/packages/docusaurus-1.x/lib/core/DocsLayout.js b/packages/docusaurus-1.x/lib/core/DocsLayout.js
index 6e2e7d028b..510c97cc69 100644
--- a/packages/docusaurus-1.x/lib/core/DocsLayout.js
+++ b/packages/docusaurus-1.x/lib/core/DocsLayout.js
@@ -94,7 +94,10 @@ class DocsLayout extends React.Component {
         version={metadata.version}
         metadata={metadata}>
         <div className="docMainWrapper wrapper">
-          <DocsSidebar metadata={metadata} />
+          <DocsSidebar
+            collapsible={this.props.config.docsSideNavCollapsible}
+            metadata={metadata}
+          />
           <Container className="mainContainer">
             <DocComponent
               metadata={metadata}
diff --git a/packages/docusaurus-1.x/lib/core/DocsSidebar.js b/packages/docusaurus-1.x/lib/core/DocsSidebar.js
index 5258de9286..4a381e513f 100644
--- a/packages/docusaurus-1.x/lib/core/DocsSidebar.js
+++ b/packages/docusaurus-1.x/lib/core/DocsSidebar.js
@@ -10,6 +10,7 @@ const fs = require('fs');
 const Container = require('./Container.js');
 const SideNav = require('./nav/SideNav.js');
 const Metadata = require('../core/metadata.js');
+
 const readCategories = require('../server/readCategories.js');
 
 let languages;
@@ -39,6 +40,7 @@ class DocsSidebar extends React.Component {
     return (
       <Container className="docsNavContainer" id="docsNav" wrapper={false}>
         <SideNav
+          collapsible={this.props.collapsible}
           language={this.props.metadata.language}
           root={this.props.root}
           title={this.props.title}
diff --git a/packages/docusaurus-1.x/lib/core/nav/SideNav.js b/packages/docusaurus-1.x/lib/core/nav/SideNav.js
index 4818fc11f6..497f3768fa 100644
--- a/packages/docusaurus-1.x/lib/core/nav/SideNav.js
+++ b/packages/docusaurus-1.x/lib/core/nav/SideNav.js
@@ -66,7 +66,7 @@ class SideNav extends React.Component {
     let categoryClassName = 'navGroupCategoryTitle';
     let arrow;
 
-    if (siteConfig.docsSideNavCollapsible) {
+    if (this.props.collapsible) {
       categoryClassName += ' collapsible';
       ulClassName = 'hide';
       arrow = (
@@ -227,6 +227,7 @@ class SideNav extends React.Component {
 }
 
 SideNav.defaultProps = {
+  collapsible: false,
   contents: [],
 };