Checkout page

Can you please help me with one issue? My checkout page was looking normal last week ( invoice details on the right , and payment+ order details on the left side) . Today when I did a checkup, the invoice details remained on the right but the payment+ order details went down the page under invoice details. :(((( Do you know why did it happen that and how can I resolve it?

Thank you soooo much for your support!

Attachments:

You must be logged in to view attached files.

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

Thank you soooooo much!!! it works!!

You are always welcome. Feel free to contact us if you have any further questions.

[Author]

Posts