Version 7.3 stacked left and right column in checkout underneath each other

Hello,

I did find an issue in checkout with latest version 7.3. Left and right column is stacked underneath each other just like in mobile.

Brgds
Rune

Hi,

Try to add the following code snippet to the Custom CSS area in Theme Settings to fix this issue.

.woocommerce > .woocommerce-checkout {
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
	column-gap: 30px;
}

.woocommerce > .woocommerce-checkout > *:not(:is(.customer-details, .checkout-order-review)) {
	width: 100%;
}

.woocommerce > .woocommerce-checkout > *:not(:is(.customer-details, .checkout-order-review)) [role="alert"] {
	margin-bottom: 30px;
}

This issue will also be fixed in the next update.

Kind Regards

I have the same problem after updating, although I have installe 7.3.1 it does not display correctly. I have added the css code you are suggesting but it does not help.

Also, the cart widget does not work properly. Normally the page gets dark and you can see the cart widget on the right but now the page does not get dark.

Hello,

You need to remove the <strong> tag from the checkout page to fix this https://prnt.sc/DisI3rREhzGJ

Kind Regards

Thank you, that worked 🙂

[Author]

Posts