now the banner is fullscreen on mobile too
parent
f5995aeed8
commit
9b03ce0da6
|
@ -212,7 +212,7 @@ body:not(.has-hero) .md-content__inner {
|
||||||
/* === 8. MOBILE ADJUSTMENTS === */
|
/* === 8. MOBILE ADJUSTMENTS === */
|
||||||
@media screen and (max-width: 76.25em) {
|
@media screen and (max-width: 76.25em) {
|
||||||
.hero-banner {
|
.hero-banner {
|
||||||
min-height: 70vh;
|
min-height: 100vh;
|
||||||
/* MOBILE BACKGROUND - Override the desktop image */
|
/* MOBILE BACKGROUND - Override the desktop image */
|
||||||
background-image:
|
background-image:
|
||||||
linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
|
linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)),
|
||||||
|
|
Loading…
Reference in New Issue