fix the hero banner on mobile and tablet
This commit is contained in:
parent
ef95e90dee
commit
30db7e94d6
2 changed files with 15 additions and 2 deletions
|
@ -8027,7 +8027,13 @@ a.teaser {
|
|||
display: block; }
|
||||
|
||||
.hero {
|
||||
margin-top: 96px; }
|
||||
margin-top: 52px; }
|
||||
@media screen and (min-width: 769px), print {
|
||||
.hero {
|
||||
margin-top: 55px; } }
|
||||
@media screen and (min-width: 1024px) {
|
||||
.hero {
|
||||
margin-top: 95px; } }
|
||||
|
||||
.hero.is-light {
|
||||
background: #E4E5E7; }
|
||||
|
|
|
@ -11,7 +11,14 @@
|
|||
|
||||
// The topbar-fixed is hidding the Hero banner.
|
||||
.hero {
|
||||
margin-top: 96px;
|
||||
margin-top: 52px;
|
||||
|
||||
@include tablet {
|
||||
margin-top: 55px;
|
||||
}
|
||||
@include desktop {
|
||||
margin-top: 95px;
|
||||
}
|
||||
}
|
||||
|
||||
.hero.is-light {
|
||||
|
|
Loading…
Reference in a new issue