Avada Forums Community Forum one page checkout on mobile device

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • dicky777
    Post count: 10

    I have my one page checkout from woocommerce that shows on 2 columns next to eachother. I managed to get the data from shipping under billing info in the left column (col-1) via the template, and the order info in the right column (col-2) BUT now i want the right col (col-2) to be UNDER col-1 when on mobile otherwise it looks horrible…

    Have been trying it for hours/days and searched so much on the web but no solution. becoming desperate…

    Help is appreciated,



    I had a code from the guys from OnePageCheckout plugin, but that does not work anymore… No idea why. Here it is:

    (max-width: 850px) {
    .woocommerce.wcopc-product-single .checkout #customer_details .col-1,
    .woocommerce.wcopc-product-single .checkout #customer_details .col-2 {
    float: none;
    width: 100%;

    The page I talk about is this one: https://footwork.app/en/footwork_training_system_mat_and_membership/
    the normal checkout page works fine.. https://footwork.app/en/checkout/

    Post count: 10

    Anyway I have put back the original template (form-checkout.php) until I have a solution to put col-2 under col-1 when on mobile devices (smaller screens)

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