diff --git a/assets/css/style.css b/assets/css/style.css index dadf6af1800c6b234bb4c0c0c15379cc5e913a06..08b14499ab0d6d1cfdb1af80264cdd783eaf9bbc 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -1095,17 +1095,8 @@ object { justify-content:center; background-color:#fff } -@media (min-width:768px) { - .site-branding { - justify-content:space-between - } -} #menu { - display:flex; - flex-wrap: wrap; - justify-content: space-between; - width: 280px; - z-index:1 + display:none; } .contact-yellow-top { margin-top:30px; @@ -1158,8 +1149,16 @@ object { } @media (min-width:992px) { .site-branding { - padding-bottom:20px + padding-bottom:20px; + justify-content: space-between; } + #menu { + display:flex; + flex-wrap: wrap; + justify-content: space-between; + width: 280px; + z-index:1 + } #contact-section h2 { margin-top:130px } diff --git a/layouts/index.html b/layouts/index.html index 033bde0fcbcd6662da303c76a27377bc1df6491a..e0568028e507fa205f1464808cfdda9eb8e19754 100644 --- a/layouts/index.html +++ b/layouts/index.html @@ -3,6 +3,7 @@ {{ .Scratch.Set "title" "Accueil" }} {{ partial "head.html" . }} <body> + {{ partial "header.html" . }} <div id="content" class="site-content"> <div class="home"> <div class="home-content"> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 7c0bc71412a5cfbb914efd76e4a4383b29b8f208..890ef45a29732fcdab0a8c85e767a3f352aef305 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,4 +1,7 @@ <header id="masthead" class="site-header"> + {{ if .IsHome }} + <label class="label-menu label-menu-home"> + {{ end }} <div class="site-branding container-site"> <a href="/" class="custom-logo-link" rel="home" itemprop="url"> <img src="/images/logo-lefilament-H.svg" class="custom-logo" alt="Le Filament" > @@ -162,7 +165,9 @@ </div> </div> </div> + {{ if not .IsHome }} <label class="label-menu label-menu-home"> + {{ end }} <input type="checkbox"> <span class="menu"> <span class="hamburger"></span>