diff --git a/_static/css/custom.css b/_static/css/custom.css
index 19fa99fff967f7b6138d947a8ac93f03f335eed2..20417d54c45cf2b4a39e671926d756cede5fa5bc 100644
--- a/_static/css/custom.css
+++ b/_static/css/custom.css
@@ -18,9 +18,18 @@
 }
 
 .wy-nav-content {
-        max-width: 100%;
+    max-width: 100%;
 }
 
+.wy-side-scroll {
+    overflow-y: hidden;
+}
+
+.wy-menu.wy-menu-vertical {
+    overflow-y: auto;
+    overflow-x: hidden;
+    max-height: calc(100% - 247px);
+}
 
 .wy-side-nav-search {
     background-color: #25282b;
@@ -33,6 +42,7 @@
 }
 
 .wy-nav-side {
+    padding-bottom: 0px;
     background-color: #25282b;
     background-color: #25282b;
 }
diff --git a/_templates/layout.html b/_templates/layout.html
new file mode 100644
index 0000000000000000000000000000000000000000..cd42441bc49212ded469a6ef1fdcf1bbb93118e5
--- /dev/null
+++ b/_templates/layout.html
@@ -0,0 +1,32 @@
+{% extends "!layout.html" %}
+{% block document %}
+  {% if pages_slug != "latest" %}
+    <div class="wy-alert wy-alert-danger">
+      The <a href="{{pages_url}}/latest">latest development version</a>
+      of this page may be more current than this released {{ version }} version.
+    </div>
+  {% else %}
+    <div class="wy-alert wy-alert-danger">
+     This is the latest (main) BeagleBoard documentation. 
+     If you are looking for the previous releases, use the 
+     drop-down menu on the left and select the desired version.
+    </div>
+  {% endif %}
+  {{ super() }}
+{% endblock %}
+{% block menu %}
+  {% include "versions.html" %}
+  {{ super() }}
+  {% if reference_links %}
+  <div class="toctree-wrapper compound">
+    <p class="caption"><span class="caption-text">Reference</span></p>
+    <ul>
+      {% for title, url in reference_links.items() %}
+      <li class="toctree-l1">
+        <a class="reference internal" href="{{ url }}">{{ title }}</a>
+      </li>
+      {% endfor %}
+    </ul>
+  </div>
+  {% endif %}
+{% endblock %}