I want icons instead of text on mobile!

Hi, suddenly when opening the website in mobile the product archive buttons have the text “Add to Cart” but I just want the icon, the text doesn’t fit, how to do this?

Hello,

Can you please share the page URL I will check and give you a possible solution.

Best Regards.

website: https://beita.store/
so here the add to cart button has text, and I couldn’t find an option to just show an icon at least in mobile, I can use custom CSS if that helps, either by your theme settings or using elementor.

Hello,

Please try using the below Custom CSS code and paste it to Dashboard >> Theme Settings >> Custom CSS >> Custom CSS for mobile section:

body .wd-add-btn-replace .add-to-cart-loop span {
    transform: translateY(-100%) translateZ(0);
}
body .wd-add-btn-replace .add-to-cart-loop:before {
    transition: none;
    transform: none;
}

Best Regards.

[Author]

Posts