Merge pull request #1794 from hackforla/1783-header-active-while-moda…

…l-active 1783, display header and footer while modal is active
hackforla · Aug 20, 2024 · 1198000 · 1198000
2 parents 0d08087 + 575216d
commit 1198000
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/components/Footer/index.jsx b/components/Footer/index.jsx
@@ -16,7 +16,7 @@ const useStyles = makeStyles(theme => ({
     height: theme.footer.height,
     width: '100%',
     backgroundColor: theme.palette.primary.dark,
-    zIndex: 1,
+    zIndex: 1400,
   },
   footerSpacing: {
     height: theme.footer.height,

diff --git a/components/Header.jsx b/components/Header.jsx
@@ -20,6 +20,8 @@ const useStyles = makeStyles(theme => ({
   appBar: {
     height: theme.header.height,
     backgroundColor: theme.palette.primary.main,
+    position: 'relative',
+    zIndex: 1400,
   },
   link: {
     color: 'white',