My product images aren't showing up in the "phone" mobile cart. The product images show up in "tablet" and "desktop," but the cart shows only a small "x" where the image should be in the phone "mobile" view.
Can you help me to get the product images to show up on my phone view?
WooCommerce automatically hides the product thumbnails in the cart on small screen devices. If you would like to display them, please go to Appearance → Customize → Custom CSS and add the following code:
My product images aren't showing up in the "phone" mobile cart. The product images show up in "tablet" and "desktop," but the cart shows only a small "x" where the image should be in the phone "mobile" view.
Can you help me to get the product images to show up on my phone view?
Attached files: Mobile Cart_No Images.png
Hi,
WooCommerce automatically hides the product thumbnails in the cart on small screen devices. If you would like to display them, please go to Appearance → Customize → Custom CSS and add the following code:
@media only screen and (max-width:767px) { .woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail { display: block; } .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before { display: none; } .woocommerce-cart table.cart .product-thumbnail img { width: 100%; height: auto; } }Regards,
PenciDesign.