Make Woocommerce Checkout Two Columns

  • Resolved sjacket2019

    (@sjacket2019)


    7 years, 1 month ago

    Hello,

    I am trying to make my woocommerce checkout split over two columns so that the price and associated information is on the right and all the forms are on the left. I am using the following code to do so but it does not seem to work!

    Has anyone got any ideas?

    Thanks

    /*Checkout*/
    /* Large devices (large desktops, 1200px and up) */
    @media (min-width: 993px) {

    /* ———————
    WOOCOMMERCE
    ——————— */
    body .woocommerce .col2-set .col-1{width:100%;}
    .woocommerce-billing-fields h3{margin-top:40px;}
    .woocommerce .col2-set, .woocommerce-page .col2-set{width:48%;float:left;}
    #order_review_heading, .woocommerce #order_review, .woocommerce-page #order_review{float:left;width:48%;margin-left:2%;}

    }

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Stef

    (@serafinnyc)

    7 years, 1 month ago

    The coding looks like everything is inside one column. You need to split them into two columns.

    Plugin Support Hannah S.L.

    (@fernashes)

    Automattic Happiness Engineer

    7 years, 1 month ago

    We haven’t heard back from you in a while, so I’m going to mark this as resolved – if you have any further questions, you can start a new thread.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Make Woocommerce Checkout Two Columns’ is closed to new replies.