Home › Forums › WoodMart support forum › Bug: Checkout Page in 1 Column only (Desktop)

Bug: Checkout Page in 1 Column only (Desktop)

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • January 3, 2024 at 9:46 pm #526579

    depietrijojo3
    Participant

    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.
    January 4, 2024 at 10:11 am #526654

    Luke Nielsen
    Keymaster

    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

    January 4, 2024 at 6:30 pm #526967

    depietrijojo3
    Participant

    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.
    January 5, 2024 at 10:18 am #527097

    Luke Nielsen
    Keymaster

    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

Tagged: 

Viewing 4 posts - 1 through 4 (of 4 total)