Table Fix

Hello,

the table on the cart page is not working. Can you please fix this?

Attachments:

You must be logged in to view attached files.

Hello,

Please confirm the permission for plugins deactivation, and switching to the parent/default theme. As soon as we complete the testing we will enable it all back.

Kind Regards

yes you can start

Hello,

That problem is caused by a long word in the delivery field that does not fit in the standard layout of the shopping cart. There are two ways to fix this:

1. Rotate the shipping box vertically with this custom:

.cart-totals-inner .shop_table {
	display: flex;
}

.cart-totals-inner .shop_table	tbody {
	width: 100%;
}

.cart-totals-inner .shop_table tr {
	display: flex;
}

.cart-totals-inner .shop_table tr td {
	flex-grow: 1;
}

.cart-totals-inner .shop_table tr.woocommerce-shipping-totals {
	flex-direction: column;
}

.cart-totals-inner .shop_table tr.woocommerce-shipping-totals th {
	border-bottom: 0;
	padding-bottom: 0;
}

.cart-totals-inner .shop_table tr.woocommerce-shipping-totals td {
	text-align: left;
}

2. Increase the size of the right column to accommodate longer words using this custom:

@media (min-width: 1200px) {
	
	body .woocommerce>.cart-data-form {
			flex: 0 0 calc(60% - 15px);
    	max-width: calc(60% - 15px);
	}

	body .woocommerce>.cart-totals-section {
	    flex: 0 0 calc(40% - 15px);
    	max-width: calc(40% - 15px);
	}
}

Kind Regards

[Author]

Posts