diff --git a/docs/static/css/custom.css b/docs/static/css/custom.css
index 0781a35bd..24ebff9c8 100644
--- a/docs/static/css/custom.css
+++ b/docs/static/css/custom.css
@@ -3,6 +3,12 @@
 	height: 100%;
 }
 
+/* set navbar to static for now. If JS is enabled, we will revert to fixed in
+ * custom.js, but if JS isn't enabled a fixed header overlaps the content. */
+.site-header.sticky .navbar {
+    position: static;
+}
+
 article.main-content {
 	padding-top: 0;
 }
diff --git a/docs/static/js/custom.js b/docs/static/js/custom.js
index 11de93e60..8443e5eb0 100644
--- a/docs/static/js/custom.js
+++ b/docs/static/js/custom.js
@@ -1,2 +1,4 @@
 $(function() {
+  // Make the navbar only fixed if JS is enabled, else it overlaps the content.
+  $(".site-header.sticky .navbar").css('position', 'fixed');
 });