From ad7e581e44ecc2cc71f8a24bdf6f1845e1381057 Mon Sep 17 00:00:00 2001
From: Mike McBride <mike.mcbride@hey.com>
Date: Sat, 19 Nov 2022 11:13:40 -0600
Subject: [PATCH] hide toggles on non mobile

---
 assets/style.scss | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/assets/style.scss b/assets/style.scss
index a8192c09..b3437c61 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -198,6 +198,11 @@ body {
     @media screen and (max-width: $mobile-width) {
         margin-bottom: 60px;
 
+        // css menu toggle for mobile.
+        // when the checkbox is checked, the menu shows,
+        // othewise it's hidden.
+        // it's important for it all to be scoped inside this media query,
+        // that way on larger screens the menu will always show even if the checkbox is unchecked.
         input[type="checkbox"] {
             display: none;
         }
@@ -227,8 +232,10 @@ body {
         }
     }
 
+    // on viewport sizes larger than mobile, always hide the mobile nav toggle.
     @media screen and (min-width: $mobile-width) {
-        .mobile-nav-wrapper {
+        .mobile-nav-toggle,
+        .mobile-nav-toggle + label {
             display: none;
         }
     }