Home › Forums › WoodMart support forum › Checkout Page SIngle Column

Checkout Page SIngle Column

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 4, 2024 at 6:56 am #526616

    Little Panda
    Participant

    Hello

    We updated our staging site to test the new Woodmart version and we are experiencing the same issue as others with the checkout displaying as 1 column instead of 2.

    LP

    January 4, 2024 at 10:27 am #526666

    Artem Temos
    Keymaster

    Hello,

    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

    January 4, 2024 at 10:51 am #526688

    Little Panda
    Participant

    Hi.

    Okay that seems to have worked.

    Thank you

    January 4, 2024 at 11:22 am #526710

    Artem Temos
    Keymaster

    Great, you are welcome!

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Checkout Page SIngle Column’ is closed to new replies.