From 691cc35b7da0c29d203d6103ae6cbcf9eca3673b Mon Sep 17 00:00:00 2001
From: Brian Miller <mills_77_77@hotmail.com>
Date: Tue, 17 Jul 2018 10:22:25 -0500
Subject: [PATCH] add background on header overlay on scroll up

---
 src/components/PageWrapper.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/components/PageWrapper.jsx b/src/components/PageWrapper.jsx
index bd44fe7..6bb612d 100644
--- a/src/components/PageWrapper.jsx
+++ b/src/components/PageWrapper.jsx
@@ -21,9 +21,12 @@ const PageWrapper = props => (
     <style jsx global>{`
         nav.fixed-top {
           transition: top 0.1s ease-in-out;
+          transition: background-color 0.1s ease-in-out;
           background-color: transparent;
         }
-
+        .fixed-top.nav-down {
+          background-color: rgba(0,0,0,0.75);
+        }
         .fixed-top.nav-up {
           top: -71px;
         }