Last active
November 10, 2016 18:19
-
-
Save nickdavis/c6fc239b26a065f3656d1dcc09f4975b to your computer and use it in GitHub Desktop.
Attempt to override Kickstart Pro default backstretch effect with CSS to make image react to width of page (not tested / designed to work with a slider on the homepage)
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
| .before-content { | |
| height: auto; | |
| margin-bottom: -124px; | |
| margin-top: 0; | |
| top: -124px; | |
| } | |
| .backstretch, | |
| .backstretch img { | |
| height: auto !important; | |
| position: static !important; | |
| width: 100% !important; | |
| } | |
| .home .before-content .backstretch, | |
| .home .before-content .backstretch img { | |
| margin-bottom: -8px !important; | |
| } | |
| @media only screen and (max-width: 900px) { | |
| .before-content { | |
| height: auto; | |
| margin-bottom: -21px; | |
| margin-top: 0; | |
| top: -21px; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment