WooCommerce and Elementor Menu Cart Square and No Icon
Fix the square without the icon of WooCommerce and Elementor.
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>