RESPONSIVE FIX Mobile brand menu

resources/css/blocks/decorative-shapes.css

@@ -1,4 +1,8 @@
 .decorative-shapes {
   /* @apply py-32; */
   @apply py-12;
+
+  @apply grid;
+  @apply grid-cols-4;
+  @apply gap-6 md:gap-12 lg:gap-24;
 }

resources/css/layout/menu-mobile-brand.css

@@ -28,6 +28,7 @@
   .tools-container {
     @apply flex w-fit gap-2;
 
+    .support-button,
     .search-button,
     .subscribe-button {
       @apply w-6 h-6 border-2 flex border-white rounded-full p-2 justify-center items-center shrink-0;

searchform.php

@@ -13,8 +13,6 @@
 	</div>
 
 	<ul class="search-module__suggestions">
-
-
 		<li class="suggestion-item">
 			<a href="<?php echo home_url('/contact'); ?>">Découvrir les activités du CARHOP</a>
 		</li>

template-parts/header/mobile-menu-brand.php

@@ -22,10 +22,13 @@
 		<div class="tools-container">
 			<button class="search-button">
 				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-rechercher.svg" alt="Rechercher">
-
 			</button>
-			<a class="subscribe-button" href="<?php echo home_url(); ?>/infolettre">
-				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-abonner.svg" alt="S’abonner">
+			<?php
+			$soutenir_page_id = 1963
+
+			?>
+			<a class="support-button" href="<?php echo get_the_permalink($soutenir_page_id); ?>">
+				<img src="<?php echo get_template_directory_uri(); ?>/resources/img/icons/carhop-soutenir.svg" alt="Soutenir">
 			</a>
 		</div>
 	</div>