[Support request] Woocommerce Mobile Cart CSS

[Javier]

Hi all,

I wish to have some CSS applied to my WC mobile cart layout. The quantity buttons look stuck up and I wish them to be in the same line. I found this CSS provided by Tom here that helped me with the picture of the product in the cart showing up ok.

@media (max-width: 768px) {
.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail {
display: block;
text-align: left !important;
}

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

.woocommerce-cart table.cart img {
width: 150px;
}
}

Thanks in advance!

[David]

Hi there,

try this:

.woocommerce-cart .quantity.buttons-added {
    display: flex;
}

[Author]

Posts