Fixed push applying on smaller screens instead of the other way around
This commit is contained in:
+6
-2
@@ -28,14 +28,18 @@ body {
|
|||||||
.skinHeader {
|
.skinHeader {
|
||||||
--background-width: 100rem;
|
--background-width: 100rem;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
|
@media (min-width: 100em) {
|
||||||
|
/* Set graphic to width of screen */
|
||||||
|
.skinHeader {
|
||||||
|
--background-width: 100%;
|
||||||
|
}
|
||||||
/* Push content down from under graphic */
|
/* Push content down from under graphic */
|
||||||
div.skinBody > div.page {
|
div.skinBody > div.page {
|
||||||
padding-top: 15rem !important;
|
padding-top: 15rem !important;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.skinHeader {
|
.skinHeader {
|
||||||
/* Set graphic to width of screen */
|
|
||||||
--background-width: 100%;
|
|
||||||
/* Position graphic behind header */
|
/* Position graphic behind header */
|
||||||
margin-top: calc(-1 * (0.2202 * var(--background-width)));
|
margin-top: calc(-1 * (0.2202 * var(--background-width)));
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|||||||
Reference in New Issue
Block a user