Strange responsive design – can I modify it?

I have this problem in the shopping cart page. When the window get wider, the right sidebar on the shopping cart page get more narrow.

Video in private content

Is there easy way to get this sidebar wider when the screen is wide? The shopping cart sidebar gets so narrow it makes even a short line of text to go in 2 rows.

Thanks.

Hello,

Thank you very much for choosing our theme and for contacting us.

This is the way the shopping cart has been designed as it has the essentials data for some.

If you do not like this, you can change that with the custom CSS:

@media (min-width: 1025px){
.col-lg-5.cart-totals-section {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}
.col-lg-7.woocommerce-cart-form {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}	
}

Please add this code to the Theme Settings > Custom CSS > Global

Best Regards

[Author]

Posts