ResolvedRemove product images on cart page for mobile only

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #28694

    Hi, I would like to not show the product images on the cart page for mobile only. The images are large and take up most of the screen. I would still like to keep the product images on the cart page for desktop.

    Do you know how I would be able to do this? Thank you



    I am afraid you can’t really remove them. You can only hide them with CSS and media query.


    Thanks for getting back Dimitar.
    I tried adding the custom CSS below but it didn’t work. If I increase max-width to 1300px then it works on desktop (i.e. the images are hidden)! But if I reduce to <1300px then it won’t hide the images for mobile.

    I understand this is probably outside the scope of support but is there any reason you would expect the below CSS not to work?

    @media (max-width:770px) {.product-thumbnail{


    The code above will only work on screens bellow 770px. Also, you should be more precise with the selector.

    Something like this:

    @media only screen and (max-width: 768px) {
    .woocommerce-page table.shop_table_responsive tr td.product-thumbnail {
        display: none;
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register