[Support request] Woocommerce Mobile Cart CSS

Home Forums Support Woocommerce Mobile Cart CSS

  • This topic has 1 reply, 2 voices, and was last updated 11 months ago by David.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1046709
    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!

    #1046915
    David
    Staff

    Hi there,

    try this:

    .woocommerce-cart .quantity.buttons-added {
        display: flex;
    }
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.