Projects/nettsiden
Projects
/
nettsiden
8
2
Fork 0
Code Issues 15 Pull Requests 2 Activity

Strange hack when using position:absolute

This commit is contained in:
Yorin Anne De Jong 2018-02-13 16:11:14 +01:00
parent 46eed1c223
commit e93b07f890
1 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
www/css/style.css
View File

@ -73,9 +73,13 @@ nav li.active, nav li:hover {
} }
@media(max-width: 800px){ @media(max-width: 800px){
nav #menu, nav #menu li.active, nav #menu_toggle, nav #menu:target li.active a, nav #login { nav #menu, nav #menu li.active, nav #menu_toggle, nav #login {
position: absolute; position: absolute;
} }
nav #menu li.active {
top: -3em; /* -3em for absolute, 0 for fixed.. huh? */
left: 0;
}
nav { nav {
z-index: 1000; z-index: 1000;
@ -106,10 +110,6 @@ nav li.active, nav li:hover {
nav #menu:target li, nav #menu li.active { nav #menu:target li, nav #menu li.active {
display: block; display: block;
} }
nav #menu li.active {
top: 0;
left: 0;
}
nav #menu_toggle, nav #menu:target li.active a { nav #menu_toggle, nav #menu:target li.active a {
display: block; display: block;