As an extra notes to this issue, I tried to create 2 column with this CSS:
@media (min-width: 768px){
#customer_details{
width: 60%;
float: left;
}
#order_review_heading{
width: 30%;
float: left;
}
#order_review{
width: 40%;
float: left;
padding-right: 50px;
}
.woocommerce table.shop_table td{
width: 50%;
}
.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
width: 100%;
}
}
I deactivated the Foodbook plugin, and it works! So I believe that Foodbook plugin is preventing the checkout page to create 2 column. Hope to get help on this.
