Site logo

Archived topic

cart form 2 columns

10 replies · Started by Enrique on November 4, 2017

Viewing posts 1–11 of 11

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.
cart form
cart form mobile

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
cart-form-two-column

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)

https://www.dropbox.com/s/hyug9eceob7atdj/123.png?dl=0

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

https://www.dropbox.com/s/9k08k0i9pizo66l/3333333.png?dl=0

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

This archived topic is closed to new replies.