diff --git a/resources/css/layout/menu-renovateur.css b/resources/css/layout/menu-renovateur.css index 13b15c9..114d18b 100644 --- a/resources/css/layout/menu-renovateur.css +++ b/resources/css/layout/menu-renovateur.css @@ -4,16 +4,23 @@ sm:px-8 md:px-16 relative - shadow-md flex flex-wrap items-center - justify-between; + justify-between + lg:justify-center + xl:container + xl:mx-auto; + &:after { + @apply absolute top-0 left-1/2 w-screen h-full bg-white shadow-md z-[-1] -translate-x-1/2; + content: ''; + } .website_logo { @apply order-1 mr-2 md:mr-12 + xl:mr-auto w-[140px] md:w-[190px] xl:w-[222px]; @@ -154,7 +161,7 @@ } &__interaction_toggles { - @apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4; + @apply order-2 lg:order-3 flex items-center justify-start gap-2 md:gap-4 xl:ml-auto; } &__mobile-menu-toggle { @apply lg:hidden flex items-center gap-4 px-4 md:px-8;