wait #7657 @3:00

diff --git a/web/app/themes/lyveas/functions.php b/web/app/themes/lyveas/functions.php
index 7d8b0d875cea643fedcc8405b5d705f2312f53d7..1baae9b2dc0bc67ec12850aa7d6c60ae47db54a1 100644 (file)
--- a/web/app/themes/lyveas/functions.php
+++ b/web/app/themes/lyveas/functions.php
@@ -76,4 +76,15 @@ collect(['helpers', 'setup', 'filters'])
 |
 */
 
+function menu_css() {
+    wp_enqueue_style(
+        'menu-css', // identifiant
+        get_stylesheet_directory_uri() . '/resources/styles/menu.css', // chemin
+        array(), // dépendances (ex: ['style.css'])
+        '1.0' // version
+    );
+}
+add_action('wp_enqueue_scripts', 'menu_css');
+
 add_theme_support('sage');
+

diff --git a/web/app/themes/lyveas/resources/styles/menu.css b/web/app/themes/lyveas/resources/styles/menu.css
new file mode 100644 (file)
index 0000000..d0475be
--- /dev/null
+++ b/web/app/themes/lyveas/resources/styles/menu.css
@@ -0,0 +1,55 @@
+@media (min-width: 767px) {
+  body:not(.home) {
+    margin-top: 95px !important;
+  }
+  .menu-opener {
+    display: none !important;
+  }
+  .site-header {
+    position: fixed;
+    top: 0;
+    left: 0;
+    background-color: var(--color-navy);
+    width: 100%;
+    z-index: 22;
+    height: 95px;
+
+    .site-logo {
+      --logo-text-color: white;
+      top: 50% !important;
+      transform: translateY(-50%);
+      padding-top: 0 !important;
+      padding-bottom: 0 !important;
+      position: absolute !important;
+    }
+
+    .site-navigation-container-desktop {
+      position: absolute;
+      right: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: auto;
+      padding-right: var(--body-gutter);
+
+      .site-navigation-menu-desktop {
+        display: flex;
+        color: white;
+        gap: 37px;
+
+        .current-menu-item {
+          color: var(--color-orange)
+        }
+
+        li:first-of-type {
+          display: none;
+        }
+      }
+    }
+  }
+}
+
+@media (max-width: 767px) {
+  .site-navigation-container-desktop {
+    display: none;
+  }
+}

diff --git a/web/app/themes/lyveas/resources/views/sections/header.blade.php b/web/app/themes/lyveas/resources/views/sections/header.blade.php
index 42ba89fde4df9dc5f6c72334b86e7a3d077ac61c..54302feb9a40af42e6abff46eaae70fbf7459ede 100644 (file)
--- a/web/app/themes/lyveas/resources/views/sections/header.blade.php
+++ b/web/app/themes/lyveas/resources/views/sections/header.blade.php
@@ -3,6 +3,10 @@
     <x-sprite name="site-logo" class="site-logo"></x-sprite>
   </a>
 
+  <nav class="site-navigation-container-desktop content-container">
+    {!! wp_nav_menu(['theme_location' => 'navigation_primary', 'menu_class' => 'site-navigation-menu-desktop', 'echo' => false]) !!}
+  </nav>
+
   <button class="menu-opener" @click.prevent="menuOpen = !menuOpen">
     <x-sprite name="menu-icon" x-show="!menuOpen"></x-sprite>
     <x-sprite name="menu-close" x-show="menuOpen" x-cloak style="width: 30%"></x-sprite>