Skip to content

Instantly share code, notes, and snippets.

@grantambrose
Created August 12, 2016 16:32
Show Gist options
  • Save grantambrose/d1bff123dd494e3049afe55dc3e51263 to your computer and use it in GitHub Desktop.
Save grantambrose/d1bff123dd494e3049afe55dc3e51263 to your computer and use it in GitHub Desktop.
Create a two column WooCommerce Checkout Page to streamline purchasing
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 993px) {
/* ---------------------
WOOCOMMERCE
--------------------- */
body .woocommerce .col2-set .col-1{width:100%;}
.woocommerce-billing-fields h3{margin-top:40px;}
.woocommerce .col2-set, .woocommerce-page .col2-set{width:48%;float:left;}
#order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{float:left;width:48%;margin-left:2%;}
}
@coccoinomane
Copy link

Thanks @lionel1702! Your version works flawlessly on WordPress 5.6.0 👍

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment