Adjust styling for unlikely to see small screens

This commit is contained in:
Fred Boniface 2022-10-28 20:02:41 +01:00
parent 3e2030224d
commit ba68268291

View File

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