Hello,
Thank you for reaching out to us!
1. In order to change the cart icon, try adding the following custom CSS code to the “Global Custom CSS” field in Theme Settings -> Custom CSS.
.product-grid-item .wd-add-btn-replace .add-to-cart-loop:before {
content: "\f217";
font-weight: 900;
font-family: "Font Awesome 5 Free";
}
In the “content” attribute you can change your icon using Unicode from the “Font Awesome” service (https://fontawesome.com/).
2. To be able to make full width “add to cart” and “quantity” buttons on mobile devices, you should add this custom CSS to the “Custom CSS for tablet” and “Custom CSS for mobile” fields.
.wd-hover-quick .wd-add-btn div.quantity {
left: 0;
}
.wd-quantity-enabled .wd-hover-quick:not(.sold-individually) .product_type_simple {
width: auto;
}
.wd-quantity-enabled .wd-hover-quick:not(.sold-individually) .product_type_simple:before {
padding-right: 0;
padding-left: 80px;
}
.wd-quantity-enabled .wd-hover-quick:not(.sold-individually) .product_type_simple:after {
left: 62%;
}
Kind Regards