Sticky header no longer covered by leaflet zoom arrows

diff --git a/css/app.css b/css/app.css
index d2bde8b..f5ecf44 100644 (file)
--- a/css/app.css
+++ b/css/app.css
@@ -9522,7 +9522,7 @@ html body .inner-wrap #page-wrapper header #top-bar-wrapper {
   height: auto;
   background: #46b2f0;
   position: fixed;
-  z-index: 999;
+  z-index: 1001;
   top: 60px;
   transition: all 100ms ease-in; }
   html body .inner-wrap #page-wrapper header #top-bar-wrapper.navShadow {

diff --git a/scss/_stickyHeader.scss b/scss/_stickyHeader.scss
index f60efad..5320ca8 100644 (file)
--- a/scss/_stickyHeader.scss
+++ b/scss/_stickyHeader.scss
@@ -36,7 +36,7 @@ html body .inner-wrap #page-wrapper header #top-bar-wrapper {
        // display: grid;
        // grid-template-columns: 1fr 1fr;
        position: fixed;
-    z-index: 999;
+    z-index: 1001; // to combat leaflet zoom buttons
     top: 60px;
        transition: all 100ms ease-in;
        &.navShadow {