js header

web/themes/custom/quartiers_de_demain/dist/assets/css/bundle.css

@@ -371,6 +371,9 @@ header .header_nav_container.hidden {
 header .header_nav_container.visible {
   transform: translateX(0);
 }
+header .header:hover + .header_nav_container {
+  transform: translateX(0);
+}
 
 footer {
   z-index: 100;

web/themes/custom/quartiers_de_demain/src/assets/js/quartiers_de_demain.js

@@ -38,6 +38,8 @@
   });
 
   //////// header ////////////
+
+
   document.addEventListener('DOMContentLoaded', function() {
     const headerNavContainer = document.querySelector('.header_nav_container');
     let lastScrollTop = 0;
@@ -81,6 +83,18 @@
     window.addEventListener('scroll', function() {
       handleScroll();
     });
+
+    const headerLeftContainer = document.querySelector('header');
+    headerLeftContainer.addEventListener('mouseenter', function() {
+      slideIn(); // Slide out on mouse enter
+    });
+  
+    headerLeftContainer.addEventListener('mouseleave', function() {
+      if (lastScrollTop <= threshold) {
+        slideOut(); // Slide in on mouse leave if not scrolled down
+      }
+    });
+
   });
   
   

web/themes/custom/quartiers_de_demain/src/assets/scss/partials/_header.scss

@@ -160,4 +160,7 @@ header{
     transform: translateX(0);
   }
     
+  .header:hover + .header_nav_container {
+    transform: translateX(0);
+  }
 }