Archived topic

Woocommerce Mobile Cart CSS

1 reply · Started by Javier on October 28, 2019

Viewing posts 1–2 of 2

October 28, 2019 at 7:34 am #1046709

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!

October 28, 2019 at 8:18 am #1046915

Hi there,

try this:

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

This archived topic is closed to new replies.

Start building better websites today.