Bug: Checkout Page in 1 Column only (Desktop)
-
Hello there,
For some reasons, the checkout page is displaying in 1 column only on Desktop instead of two (the products ordered + payment options should be on the right column). Could you please double check?
Thx.
Attachments:
You must be
logged in to view attached files.
Hello,
Please define the Checkout page via shortcode instead of WPB element: https://prnt.sc/JmMOxlQKnaW_
Clear the cache and recheck the issue.
Kind Regards
Hi there, I’ve just done it and cleared the cache but it still doesn’t work.
Thanks for checking.
JD
Attachments:
You must be
logged in to view attached files.
Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.
form.woocommerce-checkout {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
column-gap: 30px;
}
form.woocommerce-checkout > *:not(:is(.customer-details, .checkout-order-review)) {
width: 100%;
}
form.woocommerce-checkout > *:not(:is(.customer-details, .checkout-order-review)) [role="alert"] {
margin-bottom: 30px;
}
Kind Regards
.
