Skip to content
Extraits de code Groupes Projets
Valider 7b4d6569 rédigé par Théo - Le Filament's avatar Théo - Le Filament
Parcourir les fichiers

display hamburger menu in home on small devices and center logo

parent 9fe4a9ef
Branches
Aucune étiquette associée trouvée
Aucune requête de fusion associée trouvée
Pipeline #725 réussi
......@@ -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,7 +1149,15 @@ 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
......
......@@ -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">
......
<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>
......
0% Chargement en cours ou .
You are about to add 0 people to the discussion. Proceed with caution.
Veuillez vous inscrire ou vous pour commenter