Photo Details Page – Quantity Box too small for mobiles

[arquip01]

I have received comments from my clients that the quantity box in the photo details page is too small when they are using their mobiles, and it is difficult to change from 0 to 1, if they want to add a picture to the cart.

I’ve been doing some test in my mobile (iPhone 6s) and actually, it is not very easy.

How can I get this box bigger?

[wzp]

1. Please provide a URL to the page in question.

2. What particular mobile browser is this an issue with?

3. Do you have a theme that detects if the user is using a mobile browser as opposed to a desktop?

[arquip01]

1. [clickzone.net/photo_details/13/2530/IMG_0008/view]

2. I used safari in an iPhone

3. The theme change the position of the items if you are using a desktop or an iphone.

[admin]

This looks like a CSS issue with the theme for mobile. You can do the following test to confirm.

https://support.tipsandtricks-hq.com/forums/topic/test-to-identy-a-conflicting-theme-or-plugin

Try adding the following CSS tweak to see if that is helpful to make the quanity input bigger:

.wps_digital_details_table .qtyInput {

min-height: 30px !important;

min-width: 50px !important;

}

[arquip01]

Could you help me by telling me where should I use this CSS code?

In the WP Plugin Editor?

[wzp]

Could you help me by telling me where should I use this CSS code?

Please download install the custom CSS plugin to apply your CSS tweaks easily.

http://www.tipsandtricks-hq.com/wordpress-custom-css-plugin-6413

[arquip01]

Great!, I installed the plugin and save the CSS code above and now the Quantity Box is bigger.

Problem Solved!!

Thanks

[Author]

Posts