Checkout page no longer 2 Columns
-
Hello, since I updated to the latest version ive noticed that the layout of the checkout page is now one long column and not 2. See attached picture. Can you help please
Attachments:
You must be
logged in to view attached files.
Hi,
Could you please send us a link to your website where we can see this issue?
Kind Regards
Hello,
ok, I have the same.
I’m checking everywhere since 3 hours.
But it’s a bug.
I’m waiting.
thanks
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;
}