quantity text boxes content is not visible in mobile phones

Hi there
when I brows to my website using my tablet or mobile phone quantity text boxes content are not visible in product details and card pages!
I changed the font color using css but did not work also!!!
http://drsophianewlifestyle.com/index.php/store

Hi

Please tell me the exact url to the paged where you need this to be shown. Since VM is using tables some of the features had to be hidden in order to fit everything.

All the products have same issue!
check this one as an instance:
http://drsophianewlifestyle.com/index.p ... bar-detail
navigate to this url using your mobile phone and you can see the quantity box content has problem

thanks

Hi

I was asking for the link, because it works in my phone. Please check screenshot. Attache Your screenshot please so I'll be able to figure out what can be the problem.

Hi
I am not sure if my image is attached to the post or not! but if it is you can see there is no content in quantity box!

Hi

Oh, You mean when hovering or activating this field. I think it's because of the changes in override.css. Try add this as well::

Code: Select all

span.quantity-box input:hover,
span.quantity-box input:focus {
color: #fff !important;
}


Hi again
It is not about hovering the field! on my phone which is iPhone 6s Plus the container value is not visible! it seems the value of the text box has an offset value from top and shifted to the very bottom of the text box and is not visible anymore!

screenshot 2.jpg

I changed the top padding of the quantity box to 0px and you can see there is a portion of the digit visible!

Hi

Ok. Now I understand. Add this to override.css

Code: Select all

.quantity-box .quantity-input, .cart-summary .quantity-input {
  line-height:34px;
}


thanks,
it works

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro