Site logo

Archived topic

Navigation MiniCart

3 replies · Started by Jacob on February 4, 2020

Viewing posts 1–4 of 4

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.

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

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

You're welcome

This archived topic is closed to new replies.