ResolvedRemove product images on cart page for mobile only

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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

    #28724
    Althemist
    Keymaster

    Hello raoul_k@hotmail.co.uk,

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

    #28758

    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{
    display:none
    }}

    #28789
    Althemist
    Keymaster

    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