From a6f668a00770385855eb0e3de007ef90ff16034c Mon Sep 17 00:00:00 2001
From: Jerel Miller <jerelmiller@gmail.com>
Date: Wed, 29 Jul 2020 17:08:29 -0700
Subject: [PATCH] fix: fix mobile nav styles when mobile nav is open

---
 src/components/MobileHeader.module.scss | 1 -
 src/layouts/MainLayout.js               | 2 +-
 2 files changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/MobileHeader.module.scss b/src/components/MobileHeader.module.scss
index dbdc1d881..3698739cf 100644
--- a/src/components/MobileHeader.module.scss
+++ b/src/components/MobileHeader.module.scss
@@ -1,6 +1,5 @@
 .container {
   position: relative;
-  border-bottom: 1px solid var(--divider-color);
   padding: 0 2rem;
 
   width: 100vw;
diff --git a/src/layouts/MainLayout.js b/src/layouts/MainLayout.js
index 03b7e879b..79568a60d 100644
--- a/src/layouts/MainLayout.js
+++ b/src/layouts/MainLayout.js
@@ -85,7 +85,7 @@ const MainLayout = ({ children }) => {
       />
       <div
         css={css`
-          display: grid;
+          display: ${isMobileNavOpen ? 'none' : 'grid'};
           grid-template-areas:
             'sidebar content'
             'sidebar footer';