Cart Page is not Responsive

Hi, Cart page is not responsive on mobile devices. I’ve already tried the code from other post but it’s not working.

This is the code i tried -

@media (max-width: 767px) {
    .woocommerce-cart th.product-remove {
        display: none;
    }

    .woocommerce-cart table.cart .woocommerce-cart-form__cart-item td.product-subtotal {
        display: table-cell;
    }

    .woocommerce-cart .woocommerce-cart-form__contents thead th {
        padding: 0 0 20px;
    }

    .woocommerce-cart table.cart td {
        padding: 20px 0 10px 5px;
    }

    .cart .quantity {
        width: auto;
    }

    .woocommerce-cart table.cart td.actions .coupon input[type=text],
    .woocommerce-cart table.cart td.actions .coupon input {
        width: 50%;
    }
}

@media (max-width: 560px) {
    .woocommerce-cart table.cart td.actions .coupon {
        width: 100%;
        margin-bottom: 20px;
    }
}

Thanks

Hello,

It looks like a Leto theme issue, I have already added it to our list. It should be fixed in a future theme update. Please feel free to ask any other questions that you might have.

Kind Regards, Roman.
aThemes Support