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
.
