Change Cart Icon to word CART on both Desktop & Mobile (PUBLISHER THEME)

[kritikozzz]

Hi,

web: www.aurabyangelo.com

theme: publisher 

Code request: I am looking to change the cart icon on desktop and mobile to the word CART (*2) *number of items in cart. I tried another code i found on here but the number of items in cart was covering the word CART. 

*Bonus points if words MENU and CART on mobile can align nicely. 

Thank you!

Angelo

[Dan-From-Ryviu]

Hi @kritikozzz 

You can do that by adding this code at the bottom of your base.css file 

.header__icon, .header__icon--cart .icon {
display: none !important;
}
.header__icon, .header__icon--cart span.visually-hidden {
clip: unset !important;
width: auto !important;
color: #000 !important;
text-transform: uppercase;
}
header-drawer { 
margin-top: 20px !important; 
margin-left: 0px !important;
}
.cart-count-bubble {
bottom: 2.8rem !important;
left: 3.2rem !important;
}

[kritikozzz]

Hi, thanks for the reply. This code completely made my MENU and CART vanish on mobile. Also made the cart vanish on desktop.