From 14f4ac263829cf150b079b9b7ebdee406e0f39aa Mon Sep 17 00:00:00 2001
From: pgonzal <pgonzal@users.noreply.github.com>
Date: Tue, 22 May 2018 15:45:59 -0700
Subject: [PATCH] Make header responsive

---
 _includes/base/top_nav.html | 2 +-
 _sass/_docsite.scss         | 8 +++++++-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/_includes/base/top_nav.html b/_includes/base/top_nav.html
index 92beed7f..63a13bd7 100644
--- a/_includes/base/top_nav.html
+++ b/_includes/base/top_nav.html
@@ -1,5 +1,5 @@
 <!-- Navigation -->
-<nav class="navbar sticky-top navbar-light bg-light flex-md-nowrap p-0 docsite-header">
+<nav class="navbar sticky-top navbar-light bg-light flex-md-nowrap docsite-header">
   <div class="container-fluid">
     <a class="navbar-brand" href="{{ site.baseurl }}/">
       <img src={{ "/images/rush-horiz.svg" | absolute_url }}
diff --git a/_sass/_docsite.scss b/_sass/_docsite.scss
index 75ed470a..5934425a 100644
--- a/_sass/_docsite.scss
+++ b/_sass/_docsite.scss
@@ -5,7 +5,13 @@
 }
 
 .docsite-header {
-  height: var(--docsite-header-size);
+  position: static;
+
+  @include media-breakpoint-up(md) {
+    position: sticky;
+    height: var(--docsite-header-size);
+    padding: 0;
+  }
 }
 
 .docsite-side-nav {