few responsive mobile brand tweaks
This commit is contained in:
parent
46d4b48bca
commit
463232e753
|
|
@ -186,7 +186,7 @@
|
||||||
@apply xl:ml-8;
|
@apply xl:ml-8;
|
||||||
}
|
}
|
||||||
.wpml-ls-item {
|
.wpml-ls-item {
|
||||||
@apply px-1;
|
@apply px-1 inline-block mb-3 lg:mb-0;
|
||||||
|
|
||||||
a {
|
a {
|
||||||
@apply !rounded-full h-10 w-10 border-2 border-white p-0 !flex justify-center items-center font-semibold text-sm;
|
@apply !rounded-full h-10 w-10 border-2 border-white p-0 !flex justify-center items-center font-semibold text-sm;
|
||||||
|
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
.menu-mobile-brand {
|
.menu-mobile-brand {
|
||||||
@apply py-4
|
@apply py-4
|
||||||
px-4
|
px-3
|
||||||
lg:hidden
|
lg:hidden
|
||||||
xl:px-8
|
xl:px-8
|
||||||
relative
|
relative
|
||||||
|
|
@ -12,7 +12,9 @@
|
||||||
lg:justify-center
|
lg:justify-center
|
||||||
xl:container
|
xl:container
|
||||||
xl:mx-auto;
|
xl:mx-auto;
|
||||||
|
.website_logo {
|
||||||
|
max-width: 140px;
|
||||||
|
}
|
||||||
&__interaction_toggles {
|
&__interaction_toggles {
|
||||||
@apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto;
|
@apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user