Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save cre8tivediva/9287c9a5894b33a4bc72b93b083e922e to your computer and use it in GitHub Desktop.
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.
/*
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