Add to cart button not visible on mobile when QTY spinner active

see screenshot

https://snipboard.io/O8217E.jpg

Hello,

Send me the URL link to your website so I can look closer at it.

Thank you in advance.

Kind Regards

You wont be able to view the site as its behind a log in barrier with some conditions. You can see the issue in the screenshot though and replicate that set up?

Hello,

Okay. In general, we can see that you have a large font size for the add to cart button and that is why the text is not fully shown. So either remove the quantity for the mobile devices or use the code below to make the font size smaller:

body .wd-product .add-to-cart-loop span {
    font-size: 12px !important;
}

Kind Regards

Font size here is already set to 12px..

How about can you give me some CSS code to just show the hover icon which is a cart instead of the text?

Like on this fist box here https://snipboard.io/xKGwJA.jpg

Hello,

Clarify which product style you have (https://take.ms/8yKv5) so I can try to prepare an appropriate custom code.

Thank you in advance.

Kind Regards

I have done it my self here is the code

body .add-to-cart-loop:before {transform: translateY(0) translateZ(0) !important;}
body .add-to-cart-loop span {transform: translateY(-100%) translateZ(0) !important}

Hello,

Great! Glad that you have sorted it out.

Always remember that you can reach out to us with any questions you may have.

We wish you a splendid day!

Kind Regards

[Author]

Posts