Archived topic
Navigation MiniCart
3 replies · Started by Jacob on February 4, 2020
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