Antoine/homegrade_theme_production
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

few responsive adjustements

Browse Source
This commit is contained in:
Antoine M 2024-01-23 17:19:44 +01:00
parent b2760d5d1a
commit 8340574469
1 changed files with 7 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
resources/css/layout/menu-renovateur.css
View File

@ -1,8 +1,9 @@
.menu-renovateur { .menu-renovateur {
@apply py-4 @apply py-4
px-4 px-4
sm:px-8 xl:px-8
md:px-16 /* sm:px-8
md:px-16 */
relative relative
flex flex
flex-wrap flex-wrap
@ -40,10 +41,10 @@
&__navlist { &__navlist {
@apply w-fit @apply w-fit
mx-auto md:pl-14
lg:mx-auto
lg:flex lg:flex
justify-center justify-center;
/* relative */;
> .menu-item { > .menu-item {
@apply text-black @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 { .menu-renovateur--footer {
@apply p-0 shadow-none w-full; @apply p-0 shadow-none w-full;
.menu-renovateur__navlist-container { .menu-renovateur__navlist-container {
@apply w-full; @apply w-full;
} }
.menu-renovateur__navlist { .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 { .menu-item {
@apply justify-start; @apply justify-start;
} }