js header

This commit is contained in:
2024-02-28 10:26:28 +01:00
parent 7c1efed323
commit 12903709d1
3 changed files with 37 additions and 13 deletions

View File

@@ -152,6 +152,7 @@ header {
max-width: 100vw;
position: -webkit-sticky;
position: sticky;
position: relative;
top: 0;
border-bottom: 1px solid #808080; }
@media (max-width: 800px) {
@@ -177,12 +178,18 @@ header {
header .language-switcher-language-url ul li:nth-child(1)::after {
content: "/"; }
header .header_nav_container {
display: grid;
display: none;
grid-template-columns: repeat(12, 1fr);
grid-gap: 10px;
grid-row: 3;
grid-column: 1 /span 12;
background: #e8ebf4; }
position: absolute;
top: 100%;
width: 100%;
background: #e8ebf4;
border-bottom: 1px solid #808080;
border-top: 1px solid #808080;
font-size: 1rem; }
header .header_nav_container #block-quartiers-de-demain-entete {
grid-column: 1 /span 11;
order: 2;
@@ -204,7 +211,7 @@ header {
header .close-block {
order: 1;
grid-column: 12;
display: grid;
display: none;
margin: auto; }
header .close-block span {
transform-origin: center; }