Change #sidebar a style on small displays

This commit is contained in:
Fred Boniface 2022-10-28 19:57:17 +01:00
parent 36172eb45f
commit 3e2030224d

View File

@ -128,6 +128,7 @@ body {
display: block;
white-space: nowrap;
}
@media screen and (max-height: 400px){#sidebar a{margin-top:5px}}
#sidebar a:hover {color: var(--main-text-color)}
#sidebar a:active {color: var(--main-text-color)}
#sidebar_logo {
@ -147,7 +148,7 @@ body {
width: 14%;
}
@media screen and (min-height: 600px){#sidebar_social img{margin-bottom:40px}}
@media screen and (max-height: 400px){#sidebar_social{display:none}}
@media screen and (max-height: 200px){#sidebar_social{display:none}}
/* CONTENT */
.content { /* Try z-index: 1; so it scrolls over header image */
padding-top: 10px;