powercoder23
diff --git a/‎_src/app/docs/src/index.js
+1-2 b/‎_src/app/docs/src/index.js
+1-2
diff --git a/‎_src/app/docs/src/isMobile.js
+1-1 b/‎_src/app/docs/src/isMobile.js
+1-1
diff --git a/‎_src/app/docs/src/style.less
+30-12 b/‎_src/app/docs/src/style.less
+30-12
diff --git a/‎_src/resources/immutable.d.json
+1-1 b/‎_src/resources/immutable.d.json
+1-1
diff --git a/‎docs/bundle.css
+1-1 b/‎docs/bundle.css
+1-1
diff --git a/‎docs/bundle.js
+4-5 b/‎docs/bundle.js
+4-5
@@ -5,13 +5,12 @@ var { Route, DefaultRoute, RouteHandler } = Router;
 var DocHeader = require('./DocHeader');
 var TypeDocumentation = require('./TypeDocumentation');
 var defs = require('../../../resources/immutable.d.json');
-var isMobile = require('./isMobile');
 
 
 var Documentation = React.createClass({
   render() {
     return (
-      <div className={isMobile ? 'mobile' : null}>
+      <div>
         <DocHeader />
         <div className="pageBody" id="body">
           <div className="contents">
 
@@ -1,3 +1,3 @@
 var isMobile =
   window.matchMedia && window.matchMedia('(max-device-width: 680px)');
-module.exports = !!(isMobile && isMobile.matches);
+module.exports = false && !!(isMobile && isMobile.matches);
@@ -18,8 +18,10 @@
   z-index: 1;
 }
 
-.mobile .miniHeader {
-  position: relative;
+@media only screen and (max-width: 680px) {
+  .miniHeader {
+    position: relative;
+  }
 }
 
 .miniHeaderContents {
@@ -30,8 +32,10 @@
   text-align: right;
 }
 
-.mobile .miniHeaderContents {
-  text-align: left;
+@media only screen and (max-width: 680px) {
+  .miniHeaderContents {
+    text-align: left;
+  }
 }
 
 .logo {
@@ -40,8 +44,10 @@
   top: 12px;
 }
 
-.mobile .logo {
-  display: none;
+@media only screen and (max-width: 680px) {
+  .logo {
+    display: none;
+  }
 }
 
 .logo > .svg {
@@ -70,6 +76,12 @@
   z-index: 0;
 }
 
+@media only screen and (max-width: 680px) {
+  .sideBar {
+    display: none;
+  }
+}
+
 .sideBar .scrollContent {
   box-sizing: border-box;
   height: 100%;
@@ -104,8 +116,10 @@
   margin-left: 240px;
 }
 
-.mobile .docContents {
-  margin-left: 0;
+@media only screen and (max-width: 680px) {
+  .docContents {
+    margin-left: 0;
+  }
 }
 
 .t a {
@@ -188,8 +202,10 @@ code {
   margin: 0;
 }
 
-.mobile .memberLabel {
-  cursor: pointer;
+@media only screen and (max-width: 680px) {
+  .memberLabel {
+    cursor: pointer;
+  }
 }
 
 .detail {
@@ -205,8 +221,10 @@ code {
   margin: 3rem 0 2rem;
 }
 
-.mobile .groupTitle {
-  margin: 2em 0 1em;
+@media only screen and (max-width: 680px) {
+  .groupTitle {
+    margin: 2em 0 1em;
+  }
 }
 
 .doc {