Antoine/carhop__dynamiques-theme__PROD-DEV
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

RESPONSIVE FIX on menu tweaks
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Nonimart 2025-10-09 15:56:24 +02:00
parent c10ae10e5b
commit d3c058688e
2 changed files with 14 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
resources/css/layout/menu-mobile-brand.css
View File

@ -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;
}
}
}

13
template-parts/header/mobile-menu-brand.php
View File

@ -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>