Skip to content

Instantly share code, notes, and snippets.

@patrickk
Created June 14, 2017 19:59
Show Gist options
  • Save patrickk/a1010b3a740af25913363826d16d950e to your computer and use it in GitHub Desktop.
Save patrickk/a1010b3a740af25913363826d16d950e to your computer and use it in GitHub Desktop.
FIX HEADER BANNER BEING GREATER THAN THE IMAGE BEHIND IT
TTech and WV had this issue: check the outer banner's height w/ dev tools, and make inner banner's height the same at
respective breakpoints
#inner-header {
height: 65px;
overflow: hidden;
@include breakpoint(sm) {
height: 78.5px;
}
@include breakpoint(md) {
height: 86px;
}
@include breakpoint(lg) {
height: 160px;
}
img {
min-height: 100%;
max-width: 100%; // originally - none
background-size: cover;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment