[Resolved] cart form 2 columns

[Enrique]

I must congratulate them for the great work they do, but I need help. I would like the “cart form” to be in two columns and in cellular mode to behave the same, I appreciate your help.

[Tom]

Hi there,

You want the cart to be in two columns on mobile? Do you think both columns would fit?

[Enrique]

Hi Tom

Thank you for responding, here I detail how I would like the “Cart Form” to be in two columns

[Tom]

It looks like you’re already using some sort of custom solution – that’s not what the standard GP checkout looks like.

Can you link me to your site?

[Enrique]

Exactly, that is not the appearance standard GP, but there is a way that had that appearance, the link is http://www.buenosremates.com

[Tom]

You could try something like this:

form.woocommerce-cart-form {
    max-width: 60%;
    float: left;
}

.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 35%;
    float: right;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}

[Enrique]

thanks tom, I’m perfect

[Tom]

You’re welcome 🙂

[carlos]

Hi Tom,

I have put the cart in 2 columns with the code you have put in but the products look very small

How can I make them bigger? (sorry for my english I am learning at the moment si google traductor)

Is it possible that on mobile you can see one column below the other?

[Tom]

Hi there,

Any chance you can open a new topic and include the URL to your site so we can take a closer look?

Thanks!

[carlos]

Yes Tom I open a new topic.

😉 Thanks

[Author]

Posts