Created
June 14, 2017 19:59
-
-
Save patrickk/a1010b3a740af25913363826d16d950e to your computer and use it in GitHub Desktop.
FIX HEADER BANNER BEING GREATER THAN THE IMAGE BEHIND IT
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
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