[Resolved] Woocommerce Checkout page in 2 columns

Home Forums Support [Resolved] Woocommerce Checkout page in 2 columns

Home Forums Support Woocommerce Checkout page in 2 columns

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1354674
    Frank Noack

    Hello GeneratePress Team,

    is it possible to arrange the checkout in two columns (like in the picture)?
    So that the 2 column slides up and the heading Order left-aligned?

    Thank you very much for your answer
    Frank

    https://dl.dropbox.com/s/tk53a98o4rixq9h/woo.nerdies24.de_checkout_1.png

    #1354764
    David
    Staff
    Customer Support

    Hi there,

    thats how they display by default.
    In Simple CSS you have this code:

    /*Woocommerce Checkout Layout*/

    .woocommerce-checkout .col2-set {
        width: 50% !important;
        float: none !important;
    }
    
    .woocommerce-checkout .col1-set {
        width: 50% !important;
        float: none !important;
    }

    and this code:

    #customer_details+#wc_checkout_add_ons,
    #order_review,
    #order_review_heading {
        width: 100%;
        float: right;
        margin-right: 0;
    }

    You need to remove them all to resolve the issue.

    #1354799
    Frank Noack

    Many Thanks
    Works fine

    #1354805
    David
    Staff
    Customer Support

    Glad to hear that

    #1354831
    Frank Noack

    Hello, David,

    just one quick question. Is there anything else I need to consider for the mobile display? It is not yet displayed correctly.

    Thank you very much

    Frank

    #1354842
    David
    Staff
    Customer Support

    Aah – there is also this CSS that needs removing:

    #customer_details+#wc_checkout_add_ons,
    #order_review,
    #order_review_heading {
        width: 41.1764705882%;
        float: left;
        margin-right: 0;
    }
    #1354936
    Frank Noack

    Hello, David,

    Thanks for your great help.

    Best regards
    Frank

    #1354947
    David
    Staff
    Customer Support

    Glad to be of help

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.