1. There are to much text content inside each product hover. We can suggest you to set your product grid in one column on the mobile devices via the Theme Settings => Shop => Products Grid => Products columns on mobile option. Or as an alternative, we can provide you with custom code that hides following text on mobile devices.
2. Try to add the following code snippet to the Mobile Custom CSS area in Theme Settings to reduce text paddings on checkout.
.woocommerce-checkout-review-order .wc-gzd-product-name-left {
max-width: 50px;
margin-bottom: 10px;
}
.woocommerce-checkout-review-order .wc-gzd-product-name-right {
max-width: 100%;
padding-left: 0;
}
.woocommerce-checkout-review-order .cart_item .product-name {
padding-right: 0;
}
Regards
.
