one page checkout on mobile device

[dicky777]

#639263

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,

Regards,

Dick

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

@media (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/

[dicky777]

#639265

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)

[Author]

Posts