Show header bar on all breakpoints

documentation/v2/body.html

@@ -1,6 +1,6 @@
-<nav class="navbar navbar-dark navbar-fixed-top bg-inverse hidden-lg-up">
+<nav class="navbar navbar-dark navbar-fixed-top bg-inverse">
   <a class="navbar-brand" href="#"><%= include('documentation/images/logo.svg') %></a>
-  <button type="button" class="navbar-menu-button" data-toggle="offcanvas" aria-label="Toggle navigation">
+  <button type="button" class="navbar-menu-button hidden-lg-up" data-toggle="offcanvas" aria-label="Toggle navigation">
     <div class="menu-button">
       <span></span>
       <span></span>

documentation/v2/docs.css

@@ -8,11 +8,8 @@ body {
 body {
   /* Required for Scrollspy */
   position: relative;
-}
-@media screen and (max-width: 991px) {
-  body {
-    padding-top: 3em;
-  }
+  /* Push below header bar */
+  margin-top: 3.5rem;
 }
 
 svg {
@@ -104,16 +101,22 @@ svg {
   left: 0;
   z-index: 1000;
   display: block;
+  /* Push below header bar */
+  margin-top: 3.5rem;
   padding-top: 1.3em;
   padding-left: 1.6em;
   padding-right: 1.6em;
   overflow-x: hidden;
-  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
+  /* Scrollable contents if viewport is shorter than content */
+  overflow-y: auto;
   font-family: 'Alegreya Sans';
   font-weight: 400;
   font-size: 1.2em;
   line-height: 2;
 }
+.sidebar::-webkit-scrollbar {
+  display: none;
+}
 @media screen and (max-width: 991px) {
   .sidebar .contents {
     position: fixed;
@@ -210,6 +213,12 @@ h3, h2 time {
   font-weight: 400;
 }
 
+.main section {
+  /* Offset the anchor so that clicking on the sidebar links don’t hide the heading under the header bar */
+  padding-top: 2.3rem;
+  margin-top: -2.3rem;
+}
+
 code, button {
   font-family: 'Roboto Mono';
   font-weight: 400;

documentation/v2/nav.html

@@ -1,7 +1,7 @@
 <nav class="contents" id="contents">
   <ul class="nav">
     <li class="nav-item">
-      <a href="#overview" class="nav-link active">Overview</a>
+      <a href="#top" class="nav-link active">Overview</a>
     </li>
     <li class="nav-item">
       <a href="#installation" class="nav-link">Installation</a>