Alternative woocommerce cart layout

Hi there,

You could try something like this, as long as the sidebar layout is set to No Sidebars:

.woocommerce-cart .woocommerce {
    display: flex;
}

.woocommerce-cart table.shop_table {
    width: auto !important;
}

.woocommerce .cart-collaterals .cart_totals, 
.woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: auto;
    padding-left: 50px;
}

If you need to support old browsers, you may need to run it through this tool: https://autoprefixer.github.io/

Awesome :-) Many thanks!

No problem :)

Hi Tom and team,

I would like to use this option for my cart, but I can't make it work when messages are displayed.
How it looks:
https://www.dropbox.com/s/1pcyyv7z0ry4of1/Screen%20Shot%202020-11-12%20at%203.25.58%20PM.png?dl=0

How it should look:
https://www.dropbox.com/s/saepstwgjhi4wkm/Screen%20Shot%202020-11-12%20at%203.26.05%20PM.png?dl=0

Do you have any suggestion to fix it?

Thanks!

Hi Raul,

As this topic is resolved for the topic starter, can you open a new topic? So you could use the Private information text field if in case we need to ask for site details. 🙂

We’ll make sure to address your concern on it.

Got it!