This is related to my earlier query here. That support query seemed to go off on a bit of a tangent so thought it best to start a new one.
I’ve reverted back to using the GP quantity buttons (as they look so much better than the default) and used your suggested CSS from that support topic. All is good apart from on mobile.
To give some context, we use the Woocommerce Product Table from Barn2Media. This has lots of responsive settings that mean the table can collapse on different viewport sizes. Now for some reason, when on mobile and the quantity buttons are in the collapsed portion of the table, the buttons don’t work.
I’ve sent you a link so that you can see for yourself.
In their code, I forced the add to cart button to show on mobile, and the buttons work. However, when you click the + to expand the table, the actual add to cart buttons are just a clone of the originals, which stay hidden.
Unfortunately I’m not sure if there’s a solution for it here unless we completely rebuild how the buttons work.