Instantly share code, notes, and snippets.

Embed
What would you like to do?
CSS for making a two column layout with Collector Checkout for WooCommerce
@media only screen and (min-width: 769px) {
#collector-order-review {
float: left;
width: 40%;
box-sizing: border-box;
}
#collector-iframe {
float: right;
width: 60%;
box-sizing: border-box;
}
ul.collector-checkout-tabs li {
margin-left: 30px;
}
#collector-wrapper::after {
content: "";
clear: both;
display: table;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment