On mobile cart icon want to change to custom bag icon

On the mobile cart icon want to change to the custom bag image icon the same as I added in the header please see the screenshot. and how I can hide the cart icon on mobile the icon should be visible only on click.
http://www.rossetticasalinghi.com

Attachments:

You must be logged in to view attached files.

How I can change the Cart icon to a custom bag icon image?

Hello,

Please add this code to the Theme Settings > Custom CSS > Mobile:

body .wd-add-btn-replace .add-to-cart-loop:before,
body .wd-add-btn-replace .add-to-cart-loop:after{
	  color: transparent;
    content: "";
    width: 40px;
    height: 40px;
    background-image: url(https://www.rossetticasalinghi.com/wp-content/uploads/2020/09/Shopping_Bag-Icon.svg);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
}
body .woodmart-hover-quick .woodmart-add-btn > a{
background-color:transparent; 
}

Best Regards

Perfect looks on mobile thanks… And can I use the same code also on the desktop? or there will be different codes. I want to change also on the desktop cart icon.

Hello,

Yes, sure: add this code to the Theme Settings > Custom CSS > Desktop, or Global if you want to show it on all the devices.

Best Regards

[Author]

Posts