Double Plus / Minus Quantity Cart Button On iPads, iPhones etc...!?

[trevorellis]

Hello, we are having a problem on small screen devices (iPhones, iPads etc...) where the plus and minus buttons where you decide on the quantity to add to the cart are doubling. I have seen that other people have made forum posts about this - https://forum.virtuemart.net/index.php?topic=112482.0 - yet I cannot see any solution given. We have other websites using Virtuemart where this is also a problem.

We are using the Uber template with Virtuemart 3.4.2.

I have attached two images, one showing the site being displayed on an iPad and one showing it displayed on a Windows Desktop PC. Unfortunately, we having trouble trying to debug the site on the iPad as we do NOT have a Mac computer to plug it into for Safari's Web Inspector.

Any help with regards to this issue would be greatly appreciated.

[Studio 42]

Why not simply hide the buttons on mobile +tablet ?
In all case, it's not user friendly because this buttons are to small.

[GJC Web Design]

if hiding isn't an option then just adjust the css to correctly display the background images or replace the html and use e.g. font + & -

[Studio 42]

Or use own CSS rules. In my shop, i dont use Vm CSS, it's too poor when you have bootstrap framework.
Of course, it need a little more work

[trevorellis]

Okay thanks for the suggestions and thanks for the speed of your responses. We have decide just to hide it on tablet and mobile devices using the code below:
@media only screen and (max-device-width: 1024px)  {
    span.quantity-controls {
    visibility: hidden!important;
}
}

We would just like to note that we think it would be great if an updated version of Virtuemart addressed this issue and made the buttons adapt responsively. Thanks in advance.