Ajustement de la hauteur du header (60px)
This commit is contained in:
parent
b118912dbb
commit
5ccbee3d9d
2 changed files with 11 additions and 9 deletions
public/css
|
@ -14,7 +14,11 @@ img {
|
|||
|
||||
body {
|
||||
margin: 0;
|
||||
padding-top: 75px;
|
||||
padding-top: 60px;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.wrapper {
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
width: 100%;
|
||||
top: 0;
|
||||
background-color: #fff;
|
||||
height: 75px;
|
||||
height: 60px;
|
||||
}
|
||||
|
||||
.headerWrapper {
|
||||
|
@ -39,6 +39,7 @@ a:visited {
|
|||
|
||||
.headerMenuElement {
|
||||
padding-bottom: 5px;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.headerMenuElement:hover {
|
||||
|
@ -68,7 +69,7 @@ a:visited {
|
|||
background-color: #fff;
|
||||
display: flex;
|
||||
flex-flow: column;
|
||||
justify-content: space-around;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-align: left;
|
||||
position: fixed;
|
||||
|
@ -76,17 +77,14 @@ a:visited {
|
|||
width: 100%;
|
||||
height: 90%;
|
||||
margin: 0;
|
||||
padding-top: 200px;
|
||||
padding-bottom: 200px;
|
||||
padding: auto;
|
||||
}
|
||||
|
||||
/* Le header s'affiche en menu hamburger pour les breakpoints téléphone et tablette */
|
||||
@media screen and (min-width: 778px) {
|
||||
.nav-is-active {
|
||||
font-size: 3rem;
|
||||
/*48px*/
|
||||
padding-top: 100px;
|
||||
padding-bottom: 100px;
|
||||
font-size: 2rem;
|
||||
/*32px*/
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in a new issue