improve alignment & hover behavior in header
All checks were successful
continuous-integration/drone/push Build is passing
All checks were successful
continuous-integration/drone/push Build is passing
This commit is contained in:
parent
ea66f97385
commit
0de390729f
@ -153,14 +153,12 @@ body {
|
|||||||
}
|
}
|
||||||
|
|
||||||
#top-menu ul {
|
#top-menu ul {
|
||||||
margin-left: 3rem;
|
margin: 0 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#top-menu a {
|
#top-menu a {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: #333;
|
color: #333;
|
||||||
padding: 5px;
|
|
||||||
margin: 0 2rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
#top-menu a:hover,
|
#top-menu a:hover,
|
||||||
@ -170,6 +168,7 @@ body {
|
|||||||
|
|
||||||
#top-menu #login {
|
#top-menu #login {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
margin-top: 8px;
|
||||||
}
|
}
|
||||||
|
|
||||||
#top-menu div {
|
#top-menu div {
|
||||||
@ -218,10 +217,12 @@ body {
|
|||||||
|
|
||||||
.menu ul {
|
.menu ul {
|
||||||
list-style-type: none;
|
list-style-type: none;
|
||||||
margin: 0;
|
margin: 0 auto;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
display: flex;
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
|
max-width: 1320px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu-nav-item {
|
.menu-nav-item {
|
||||||
@ -233,6 +234,9 @@ body {
|
|||||||
#top-menu ul.submenu {
|
#top-menu ul.submenu {
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
|
position: absolute;
|
||||||
|
background-color: white;
|
||||||
|
z-index: 2;
|
||||||
}
|
}
|
||||||
|
|
||||||
.menu .submenu {
|
.menu .submenu {
|
||||||
|
Loading…
Reference in New Issue
Block a user