product img on cart page

[johnaps]

Hello!
I am trying to set product images of cart items below 768px to display: block; so they will be visible…
I even removed the css rule that was setting it from one woocommerce css file , but that didnt do the trick…
Can you help me out?

[David]

Hi there,

try this CSS:

@media (max-width: 768px) {

	/* Display responsive thumb */
	.woocommerce table.cart .product-thumbnail,
	.woocommerce-page #content table.cart .product-thumbnail,
	.woocommerce-page table.cart .product-thumbnail {
		display: block !important;
	}

	/* Align item remove an thumbnail */
	.woocommerce table.shop_table_responsive tr td.product-thumbnail::before {
		content: '';
	}
	
	.woocommerce table.shop_table_responsive tr td.product-remove {
		float: left;
		border: 0;
	}

}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[johnaps]

Perfect David! 🙂

[David]

You’re welcome

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts