Image not showing in Woocommerce on Mobile

The product image and product description is not showing on the cart page on tablet and mobile only.

If you go to lefthandwilly.com/music and add a product to the cart, you are redirected to the cart.

The image and product description do not display but only on tablet and mobile.

In the Secure Note, we have included the login and password to the site, and you can see the custom CSS that we have added. However, if we delete the entire custom CSS, it does not change the outcome.

Any suggestions on how to resolve?

Thanks,

1 Like

Hi Grant,

Thank you for writing in, this seems to be a bug I’ve submitted this to our issue tracker so the developers will be made aware of it. For now, please add this to Theme Options > CSS

@media (max-width: 767px) {
	.woocommerce .cart.shop_table .product-name,
	.woocommerce .cart.shop_table .product-price,
	.woocommerce-page table.cart .product-thumbnail {
		display: block;
	}
	.woocommerce .cart.shop_table .product-thumbnail img {
		width: 100%;
	}
	.woocommerce-page table.shop_table_responsive tr td::before {
		content: attr(data-title) " ";
	}
}

Hope it helps,
Cheers!

1 Like

Excellent. That fixed the issue.

Thanks so much.

You’re most welcome,

Cheers!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.