Improve nav and logo

This commit is contained in:
PEGeoffroy 2019-09-17 16:59:50 +02:00
parent 8397e1663b
commit 755c26df11
1 changed files with 11 additions and 8 deletions

View File

@ -45,10 +45,11 @@ body {
background-color: #fff; background-color: #fff;
border-bottom: 1px solid #ddd; border-bottom: 1px solid #ddd;
padding: 1.3rem 0 1.3rem 0; padding: 1.3rem 0 1.3rem 0;
height: 9rem; height: 12rem;
z-index: 2; z-index: 2;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center;
} }
.header a { .header a {
@ -60,8 +61,8 @@ body {
} }
header img{ header img{
max-height: 100%; height: 82px;
width: auto; width: 104px;
} }
#title{ #title{
@ -89,6 +90,12 @@ header img{
padding-top: 1.7rem; padding-top: 1.7rem;
position: absolute; position: absolute;
right: 0; right: 0;
top: 0;
max-height: 250px;
}
.nav>div{
min-width: 200px;
} }
ul.menu { ul.menu {
@ -99,10 +106,6 @@ ul.menu {
padding: 5px 5px 2px 5px; padding: 5px 5px 2px 5px;
} }
.menu>li.menu:hover {
border-bottom: 3px solid #222;
}
.menu>li ul { .menu>li ul {
display: none; display: none;
position: absolute; position: absolute;
@ -130,7 +133,7 @@ ul.menu {
@media (max-width: 767px) { @media (max-width: 767px) {
.nav { .nav {
height: auto; height: auto;
max-height: 200px; /* max-height: 200px; */
overflow-y: auto; overflow-y: auto;
text-align: left; text-align: left;
margin-top: 0; margin-top: 0;