few responsive adjustements

This commit is contained in:
Antoine M 2024-01-23 17:19:44 +01:00
parent b2760d5d1a
commit 8340574469

View File

@ -1,8 +1,9 @@
.menu-renovateur {
@apply py-4
px-4
sm:px-8
md:px-16
xl:px-8
/* sm:px-8
md:px-16 */
relative
flex
flex-wrap
@ -40,10 +41,10 @@
&__navlist {
@apply w-fit
mx-auto
md:pl-14
lg:mx-auto
lg:flex
justify-center
/* relative */;
justify-center;
> .menu-item {
@apply text-black
@ -273,23 +274,13 @@
}
}
/* Handling background page scroll */
body:has(.menu-renovateur .sub-menu--open) {
@apply overflow-hidden;
/* FIXING BUG ON SAFARI */
.menu-renovateur__mobile-menu-toggle,
main {
@apply hidden;
}
}
.menu-renovateur--footer {
@apply p-0 shadow-none w-full;
.menu-renovateur__navlist-container {
@apply w-full;
}
.menu-renovateur__navlist {
@apply grid sm:grid-cols-2 lg:grid-cols-4 gap-y-4 relative;
@apply grid sm:grid-cols-2 lg:grid-cols-4 gap-y-4 relative pl-0 -translate-x-6 gap-x-2;
.menu-item {
@apply justify-start;
}