Merge pull request #606 from fabiolb/599-website-layout-without-js

docs: fix layout without JS enabled
fabiolb · Mar 1, 2019 · 39910b0 · 39910b0
2 parents dd9ef7d + 35103f8
commit 39910b0
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git 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
@@ -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');
 });