WooCommerce and Elementor Menu Cart Square and No Icon

Fix the square without the icon of WooCommerce and Elementor.

Tweet
Share
Share
Pin

This is a code work around for the square without the logo inside the menu item cart in elementor woocommerce. 

I added a class of .font-awesome-cart on my menu cart icon and used the following CSS.

.font-awesome-cart i{
font-family: "Font Awesome 5 Free";
}
.elementor-widget-woocommerce-menu-cart.toggle-icon--bag-solid .elementor-menu-cart__toggle .elementor-button-icon i:before{
content: "f07a"!important;
}

This is the JavaScript. 

<script>
jQuery( document ).ready(function() {
jQuery('.font-awesome-cart .eicon').addClass('fa').addClass('fa-shopping-cart').removeClass('eicon');
});

</script>