VirtueMart Forum

VirtueMart 2 + 3 + 4 => Templating & Layouts => Topic started by: dreadcontrol on January 28, 2013, 15:03:35 PM

Title: Weird double plus / minus cart quantity button on iPad
Post by: dreadcontrol on January 28, 2013, 15:03:35 PM
Hello there,

I noticed that the quantity plus / minus cart buttons are displayed (kind of) twice (side by side) on an iPad with my store.
Checked the VM demo store and it acts the same on an iPad.

Is it a known bug, any input to solve this problem ?

Thks for your help guys.
Title: Re: Weird double plus / minus cart quantity button on iPad
Post by: Firepeet on May 07, 2014, 15:20:08 PM
I have the same problem when i look on my iPad or iPhone.
This problem is not present when i use IE, Firefox or Chrome.

Have somebody a solution for this?


[attachment cleanup by admin]
Title: Re: Weird double plus / minus cart quantity button on iPad
Post by: GJC Web Design on May 07, 2014, 16:06:57 PM
it just looks like the containing element is too wide

the background image is (http://safeproducts4u.co.uk/safe/components/com_virtuemart/assets/images/vmgeneral/quantity-controls.png)

the css just shifts it left or right - if the element is too wide then you you can see more of the image than you should

you need to see what css is operating on the

span.quantity-controls input.quantity-controls {
  border: medium none;
  color: rgba(0, 0, 0, 0);
  height: 14px;
  width: 14px;
}

if I set this to say 26px I see as in the screen - that looks like yours

On safari and idevice plugged into a Mac you can actally use the Web Inspector "as the device" sees it so check what the css is



[attachment cleanup by admin]