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

[Author]

Posts