From d3c058688e8df8e31333015813f7eb7e7282c82c Mon Sep 17 00:00:00 2001
From: Nonimart <martinon.toinou@protonmail.com>
Date: Thu, 9 Oct 2025 15:56:24 +0200
Subject: [PATCH] RESPONSIVE FIX on menu tweaks

---
 resources/css/layout/menu-mobile-brand.css  | 13 +++++++++++--
 template-parts/header/mobile-menu-brand.php | 13 +++----------
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/resources/css/layout/menu-mobile-brand.css b/resources/css/layout/menu-mobile-brand.css
index e6302df..99391c0 100644
--- a/resources/css/layout/menu-mobile-brand.css
+++ b/resources/css/layout/menu-mobile-brand.css
@@ -5,10 +5,19 @@
     @apply hidden;
   }
   &__inner-elements {
-    @apply flex justify-between items-center px-6;
+    @apply flex justify-between items-center px-6 gap-12;
   }
 
+  .website_logo {
+    @apply shrink;
+  }
   .tools-container {
-    @apply flex;
+    @apply flex w-fit gap-2;
+
+    .search-button,
+    .subscribe-button {
+      @apply w-6 h-6 border-2 flex border-white rounded-full p-2   justify-center items-center shrink-0;
+      box-sizing: content-box;
+    }
   }
 }
diff --git a/template-parts/header/mobile-menu-brand.php b/template-parts/header/mobile-menu-brand.php
index ee6726f..c7799fa 100644
--- a/template-parts/header/mobile-menu-brand.php
+++ b/template-parts/header/mobile-menu-brand.php
@@ -3,12 +3,6 @@
 <div class="carhop-mobile-menu-brand menu-mobile-brand" id="menu-mobile-brand">
 	<button id="mobile-menu-toggle" class="menu-mobile-brand__mobile-menu-toggle cta cta--outline cta--button" data-text-open="Menu" data-text-close="Fermer" aria-expanded="true">
 		<span class="text-content">Menu</span>
-		<div class="toggle-icon">
-			<div class="toggle-icon__bar toggle-icon__bar--top"></div>
-			<div class="toggle-icon__bar toggle-icon__bar--middle"></div>
-			<div class="toggle-icon__bar toggle-icon__bar--bottom"></div>
-		</div>
-
 	</button>
 	<div class="menu-mobile-brand__inner-elements">
 		<div class="website_logo">
@@ -27,12 +21,11 @@
 		</div>
 		<div class="tools-container">
 			<button class="search-button">
-				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-rechercher.svg" alt="">
-				Rechercher
+				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-rechercher.svg" alt="Rechercher">
+
 			</button>
 			<button class="subscribe-button">
-				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-abonner.svg" alt="">
-				S’abonner
+				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-abonner.svg" alt="S’abonner">
 			</button>
 		</div>
 	</div>