hide page header for now, border top nav, sticky sidebar

4 files changed, 12 insertions, 2 deletions

diff --git a/docs/_layouts/docs.html b/docs/_layouts/docs.html
index fb571d22a..7a4b710c5 100644
--- a/docs/_layouts/docs.html
+++ b/docs/_layouts/docs.html
@@ -12,12 +12,12 @@
 
     {% include nav-home.html %}
 
-    <div class="bd-pageheader">
+    <!-- <div class="bd-pageheader">
       <div class="container">
         {% include page-headers.html %}
         {% include ads.html %}
       </div>
-    </div>
+    </div> -->
 
     <div class="container">
       <div class="row">
diff --git a/docs/assets/scss/_content.scss b/docs/assets/scss/_content.scss
index 901e9843e..41f429b00 100644
--- a/docs/assets/scss/_content.scss
+++ b/docs/assets/scss/_content.scss
@@ -65,6 +65,7 @@
 }
 
 .bd-title {
+  margin-top: 2rem;
   margin-bottom: 2rem;
   font-weight: 300;
 
diff --git a/docs/assets/scss/_nav.scss b/docs/assets/scss/_nav.scss
index 141811d41..e1589e13e 100644
--- a/docs/assets/scss/_nav.scss
+++ b/docs/assets/scss/_nav.scss
@@ -5,6 +5,8 @@
 .bd-navbar {
   padding-right: 0;
   padding-left: 0;
+  margin-bottom: 2rem;
+  border-bottom: 1px solid rgba(0,0,0,.1);
 
   .navbar-nav {
     .nav-link {
diff --git a/docs/assets/scss/_sidebar.scss b/docs/assets/scss/_sidebar.scss
index ba7d34439..302c04c97 100644
--- a/docs/assets/scss/_sidebar.scss
+++ b/docs/assets/scss/_sidebar.scss
@@ -2,6 +2,13 @@
 // Side navigation
 //
 
+.bd-sidebar {
+  @include media-breakpoint-up(md) {
+    position: sticky;
+    top: 2rem;
+  }
+}
+
 .bd-search {
   position: relative;
   margin-bottom: 1.5rem;