diff --git a/assets/css/partials/_site-header.scss b/assets/css/partials/_site-header.scss
index 7b0c8ee..d69c732 100644
--- a/assets/css/partials/_site-header.scss
+++ b/assets/css/partials/_site-header.scss
@@ -1,3 +1,21 @@
+// Sorti du header pour pouvoir passer au-dessus de l'overlay
+#site-title {
+ position: fixed;
+ top: 0;
+ left: var(--padding-body);
+ height: var(--header-h);
+ width: 140px;
+ display: flex;
+ align-items: center;
+ z-index: calc(var(--z-header) + 3);
+
+ svg { width: 100px; }
+
+ @media #{$small} {
+ svg { width: 80px; }
+ }
+}
+
#site-header {
@@ -36,21 +54,6 @@
}
- #site-title {
- position: relative;
- top: -3px;
-
- width: 140px;
-
- svg{
- width: 100px;
- }
-
- @media #{$small}{
- svg{ width: 80px; }
- top: -4px;
- }
- }
#nav-highlight,
diff --git a/assets/css/partials/_site-menu.scss b/assets/css/partials/_site-menu.scss
index 2735055..132e75c 100644
--- a/assets/css/partials/_site-menu.scss
+++ b/assets/css/partials/_site-menu.scss
@@ -12,7 +12,7 @@
background-color: var(--color-bg);
border-left: var(--border-light);
padding: var(--padding-body);
- z-index: calc(var(--z-header) - 1);
+ z-index: calc(var(--z-header) + 2);
@media #{$x-small}{
width: 100vw;
@@ -78,7 +78,7 @@
#menu-overlay{
position: fixed;
inset: 0;
- z-index: calc(var(--z-header) - 2);
+ z-index: calc(var(--z-header) + 1);
cursor: pointer;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
diff --git a/site/snippets/header.php b/site/snippets/header.php
index e2120be..a65d4ac 100644
--- a/site/snippets/header.php
+++ b/site/snippets/header.php
@@ -29,17 +29,8 @@
+