Product thumbnail in cart page (mobile view)

[scenaryo]

Hello,
by default I don’t see the thumbnails of the products in the cart in the mobile view:

If I try to insert this css:
@media (max-width: 767px) {
.woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display: block;
}
}
I see them but in a somewhat bizarre way (dots on the left, etc.):

Is there any way to optimize this view?

Thank you very much

[marc_a]

Hi @scenaryo,

Thanks for reaching out!

Yes, by default the cart thumbnail is not showing. To make it viewable on your end and remove the dots, I update your code above:

@media (max-width: 768px) {
	.woocommerce-page table.cart .product-thumbnail:before {
	    display: none;
	}
	.woocommerce table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
	display: block;
	}
}

Please note that custom CSS code is outside the scope of our support. Issues that might arise from the use of custom CSS code and further enhancements should be directed to a third-party developer or you can avail One where we can answer questions outside of the features of our theme.

Hope that helps.

Thank you.

[scenaryo]

Hi @marc_a,
thank you very much!

[marc_a]

Hi @scenaryo,

You’re welcome and it’s our pleasure to help you! If you have any other concerns or clarifications regarding our theme features, feel free to open up a new thread.

Thank you.