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