Forked from ifamily/Clear fix for Genesis Column Classes
Created
April 1, 2018 20:40
-
-
Save cre8tivediva/9287c9a5894b33a4bc72b93b083e922e to your computer and use it in GitHub Desktop.
This CSS will fix problems caused by Genesis Column Classes of uneven height. Just add a div with the class name of clear-line to your code. Then add this to your .css file.
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
/* | |
Clear fix for column classes | |
---------------------------------------------------------------------------------------------------- */ | |
.clear-line:after { | |
content: "."; | |
display: block; | |
clear: both; | |
visibility: hidden; | |
line-height: 0; | |
height: 0; | |
} | |
.clear-line { | |
display: inline-block; | |
width: 100%; | |
} | |
html[xmlns] .clear-line { | |
display: block; | |
} | |
* html .clear-line { | |
height: 1%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment