[Resolved] Navigation MiniCart

[Jacob]

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.

[David]

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;
}

[Jacob]

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;
}

[David]

You’re welcome

[Author]

Posts