Quantity of Item not Displaying in Cart or Product Page on Mobile

[arebesk]

Hello, I'm having an issue with my cart display. On web, you can correctly see the quantity of an item in the cart, but on my mobile site it won't display. It shows the + and - sign to add or subtract, but you aren't able to see the actual number for the quantity. This is the most urgent issue, although there is also not a way to order multiple units of the same item on my product page, requiring you to add a product to the cart one by one. How can I resolve this? I'm using the Envy theme, the site is www.arebesk.com. 

[MSırac]

Go edit code and find theme.scss.css and add this:
@media (max-width: 352px) {
.cart-table .cart-table-quantity .quantity-selector {
padding: 4px;
}
.quantity-selector {
font-size: 13px;
}
}

[MSırac]

Go edit code and find theme.scss.css and add this:

@media (max-width: 352px) {
    .cart-table .cart-table-quantity .quantity-selector {
        padding: 4px;
    }
    .quantity-selector {
        font-size: 13px;
    }
}

[arebesk]

Thank you for the suggestion! I added this code snippet to my assets/theme.scss.liquid, but unfortunately I'm still having the same problem. Is there any specific place I need to put this code? Should I put this snippet in other places in the code?

[MSırac]

May I know what phone you got the error on? I will give a code according to its size.

[arebesk]

Yes! I got the error on an iPhone 12 mini.

[MSırac · Accepted solution]

Can you update the code:

@media (max-width: 381px) {
    .cart-table .cart-table-quantity .quantity-selector {
        padding: 1px !important;
    }
    .quantity-selector {
        font-size: 11px !important;
    }
}

[arebesk]

Thank you! Using this code allowed it to display on a smaller phone but not a larger phone, but once I adjusted the max-width to 400px it worked. Thanks so much!