Archived topic
product img on cart page
3 replies · Started by johnaps on March 16, 2020
Viewing posts 1–4 of 4
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?
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;
}
}Perfect David! :)
You're welcome
This archived topic is closed to new replies.
