autonomic-cooperative/etcskel-32m
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix smol screen header.
All checks were successful
continuous-integration/drone/push Build is passing
Details

Browse Source
This commit is contained in:
Cassowary Rusnov 2023-01-10 17:41:14 -08:00
parent 0c3989d5b1
commit 2ccf54d6d3
1 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
assets/css/main.css
View File

@ -226,6 +226,10 @@ footer#colophon .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-col
flex-basis: auto !important; flex-basis: auto !important;
} }
/* Normal desktop size */
@media (min-width: 770px) { @media (min-width: 770px) {
header#masthead { header#masthead {
display: flex; display: flex;
@ -302,3 +306,17 @@ footer#colophon .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-col
} }
} }
/* Very small screens should cause the menu to fold up and the header to get smol */
@media (max-width: 400px) {
div.site-logo > a > img.custom-logo {
width: 5.5rem;
height: 4.5rem;
}
header#masthead > div.site-branding { heigt: 0px; margin: 0px; padding: 0px;}
header#masthead > p.site-description { heigt: 0px; margin: 0px; padding: 0px;}
header#masthead li.menu-item { margin: 0.25em; }
nav#site-navigation ul#primary-menu-list { flex-wrap: wrap; padding: 0.5em; }
}