Archived topic
cart form 2 columns
10 replies · Started by Enrique on November 4, 2017
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.


Hi there,
You want the cart to be in two columns on mobile? Do you think both columns would fit?
Hi Tom
Thank you for responding, here I detail how I would like the "Cart Form" to be in two columns

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?
Exactly, that is not the appearance standard GP, but there is a way that had that appearance, the link is http://www.buenosremates.com
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%;
}
thanks tom, I'm perfect
You're welcome :)
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?

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!
Yes Tom I open a new topic.
;) Thanks