diff --git a/docs/_layouts/base.html b/docs/_layouts/base.html
index 35499cd2867b97e3473b9214894b0e3dc79c0623..88df5c974487acd5a4cff5aebd144fa891729b9f 100644
--- a/docs/_layouts/base.html
+++ b/docs/_layouts/base.html
@@ -69,10 +69,10 @@ under the License.
       the _layouts directory goes here.
       {% endcomment %}
       <div class="row">
-        <div class="col-lg-3">
+        <div class="col-lg-3" id="sidenavcol">
           {% include sidenav.html %}
         </div>
-        <div class="col-lg-9 content">
+        <div class="col-lg-9 content" id="contentcol">
           {% if page.mathjax %}
           {% include latex_commands.html %}
           {% endif %}
diff --git a/docs/page/css/flink.css b/docs/page/css/flink.css
index b6d49472535f149ec742d89532c03bcf087c13bf..c0a7917e8fe397beb1eab9000222f6b24b4b1f58 100644
--- a/docs/page/css/flink.css
+++ b/docs/page/css/flink.css
@@ -30,6 +30,11 @@ body {
 	background: #f8f8f8;
 }
 
+@media (min-width: 992px) and (max-width: 1200px) {
+    #contentcol { float: left; width: 70%; }
+    #sidenavcol { float: left; width: 30%; }
+}
+
 /*=============================================================================
  Per page TOC
 =============================================================================*/