🎉 Happy 4th of July! Get 15% off GP Premium with the discount code: 4THOFJULY2020

[Resolved] Navigation MiniCart

Home Forums Support Navigation MiniCart

  • This topic has 3 replies, 2 voices, and was last updated 5 months ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1153750
    Kobi

    hello
    I need help, arrange the mini cart.
    I want the a.remove button to be on the left
    Product image will be on the right.
    ImgMiniCart
    Many thanks to the assistants.

    #1154278
    David
    Staff
    Customer Support

    Hi there,

    try this CSS:

    #wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li {
        padding-left: 0;
    }
    #wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
        float: left;
        margin-right: 10px;
    }
    
    #wc-mini-cart .woocommerce ul.cart_list li img {
        position: static;
    }
    
    #wc-mini-cart .woocommerce-mini-cart-item .quantity {
        margin-left: 30px;
    }
    #1154378
    Kobi

    Thanks David
    It works great!
    I added some CSS to whoever wants

    #wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li {
    padding-left: 0;
    }
    #wc-mini-cart .woocommerce.widget_shopping_cart .cart_list li a.remove {
    float: left;
    margin-right: 10px;
    }

    #wc-mini-cart .woocommerce ul.cart_list li img {
    position: static;
    float: right;
    }
    .woocommerce-mini-cart-item .quantity {
    text-align: center;
    font-family: inherit;
    font-weight: bold;
    }

    #1154393
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.