From c35a8a8862eb34225d95ff5af73f166160eae299 Mon Sep 17 00:00:00 2001
From: Pierrick Rassat <pierrick.rassat@inovatel.com>
Date: Sat, 4 Nov 2023 23:11:01 +0100
Subject: [PATCH] :bug: Forced dropdown menu under header

A lot a conflicting css so I chose to force 'top:44px'. It's not clean but it will do for now
---
 src/components/Menu.astro |  3 +--
 src/styles/nav.less       | 15 +++++++++++----
 2 files changed, 12 insertions(+), 6 deletions(-)

diff --git a/src/components/Menu.astro b/src/components/Menu.astro
index ee307dc..88682cd 100644
--- a/src/components/Menu.astro
+++ b/src/components/Menu.astro
@@ -22,8 +22,7 @@ const path_en = path.replace('/fr/','/');
                       </a>
                     </div>
                   </div>
-
-                  <div class="expand navbar-expand" id="menu">
+                  <div class="navbar-expand">
                     <ul class="nav navbar-nav snc-nav">
                       <li class="dropdown">
                         <a href="#" class="snc-scroll dropdown-toggle" data-toggle="dropdown" role="button"
diff --git a/src/styles/nav.less b/src/styles/nav.less
index 659ff04..c7e6fe4 100644
--- a/src/styles/nav.less
+++ b/src/styles/nav.less
@@ -31,8 +31,10 @@
 .snc-header .snc-toggle i {
   font-size: 26px
 }
-.snc-header .navbar-nav >  li {
-  margin: 0 5px;
+.snc-header .navbar-nav {
+  & > li:not(:last-child) {
+    margin-right: 20px;
+  }
 }
 .snc-header .navbar-nav li li {
   min-width: 170px;
@@ -80,6 +82,8 @@
 }
 
 .snc-header .snc-navbar {
+  --bs-navbar-padding-y: 0;
+  --bs-navbar-padding-x: 0;
   margin-bottom: 0;
   border: none;
   background: 0 0;
@@ -87,11 +91,14 @@
 }
 
 .snc-header .snc-navbar .snc-nav {
-  position: relative;
   -webkit-animation-name: fadeInRight;
   animation-name: fadeInRight;
   transform-origin: center;
-  float: right
+}
+
+.navbar-expand .navbar-nav .dropdown-menu {
+  position: absolute;
+  top: 44px
 }
 
 .snc-header .snc-navbar .snc-nav li a {