Increase Quantity Field Size

General General Questions
1

What is the easiest way to increase to where my quantity box (on product page) can show more than 2.5 numbers? Right now if a customer puts "100" in the box half the last 0 is cut off. Really need this field to be 5-6 characters wide so if they put in 10000 all will show.

2

What is the easiest way to increase to where my quantity box (on product page) can show more than 2.5 numbers? Right now if a customer puts "100" in the box half the last 0 is cut off. Really need this field to be 5-6 characters wide so if they put in 10000 all will show.

Try to add the following code to the CSS section of the Theme editor

.ty-value-changer {
    width: 90px;
}
input.ty-value-changer__input {
    width: 70px;
}
3

This has been working great but when viewing on my iPhone (or even my iPad) it drops the "-" button down below the box. Is this normal or because of the mod? See attachment.

IMG_4873.JPG

4

Please try

@media screen and (min-width: 480px) {
    .ty-value-changer {
        width: 90px;
    }
    input.ty-value-changer__input {
        width: 70px;
    }
}
5

Please try

@media screen and (min-width: 480px) {
    .ty-value-changer {
        width: 90px;
    }
    input.ty-value-changer__input {
        width: 70px;
    }
}

I don't think I ever seen this response so just now tried it. Unfortunately this doesn't help. While it "fixes" the issue on the phone, it also causes the field to go back to just 2 characters in the box on the phone. And on an iPad I still have the same issue with the one button dropping below the quantity box (though it supports 6 characters). eCom....I feel like I need to go purchase something new from you since you are always so quick to respond on here.

6

I see that the design of the product details page was changed and cannot check the issue