Site logo

Archived topic

Image articles not displayed on mobile

3 replies · Started by Matthieu on November 13, 2020

Viewing posts 1–4 of 4

Hello,
I am using generatepress / woocommerce.

The images of my items in the cart are not showing on the phone.

Is it possible to arrange this ? Thank you 😃

Hi there,

try adding this CSS:

@media(max-width: 768px) {

    /* reduce space between cart title and content */
    .woocommerce-checkout .entry-content {
        margin-top: 0.5em;
    }

    /* Display thumbnail align right of remove button */
    .woocommerce-page table.cart .product-thumbnail {
        display: block !important;
    }

    .woocommerce-page table.cart .product-thumbnail:before {
        display: none;
    }

    .woocommerce-page table.cart .product-remove {
        float: left;
        border-bottom: 0;
    }
}

It's perfect ! Thanks

Glad to hear that

This archived topic is closed to new replies.