diff --git a/andromeda.css b/andromeda.css index 75106f7..905ec7c 100644 --- a/andromeda.css +++ b/andromeda.css @@ -24,12 +24,19 @@ body { /* Add Milky Way graphic to header */ @media (max-width: 100em) { + /* Set static graphic width on smaller screens */ .skinHeader { --background-width: 100rem; } + /* Push content down from under graphic */ + div.skinBody > div.page { + padding-top: 15rem !important; + } } .skinHeader { + /* Set graphic to width of screen */ --background-width: 100%; + /* Position graphic behind header */ margin-top: calc(-1 * (0.2202 * var(--background-width))); height: 100%; padding-top: calc(0.2202 * var(--background-width));