Hello,

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

body .product-list-item .product-wrapper {
		display: flex;
		align-items: center;
    flex-wrap: nowrap;
}

body .product-list-item .product-element-top {
		flex: 0 0 30%;
    margin-bottom: 0 !important;
    margin-right: 15px;
}

body .product-list-item .product-list-content {
		flex: 1 1 auto;
		text-align: start;
}

body .product-list-item .woocommerce-product-details__short-description {
	display: block;
}

This code makes list design on mobile.

If you have any questions please feel free to contact us.

Best Regards