Return to previous page

Mobile/ Tablet checkout no data input - by Simon

This topic has 6 replies, 2 voices, and was last updated 8 years, 11 months ago ago by Jack Richardson

Simon

Participant

March 23, 2016 at 14:19

Hi. We are very close launching our site, and was testing the payment system via mobile/ tablet. Everything worked fine, until I got to the checkout page. There I could not enter any details (name, address). Looking with firebug it seems there is something blocking it, but could not figure out what it is.

Sending the details below.

Please, contact administrator
for this information.

#118600 Copied Theme version: 1.5 WooCommerce version: 2.5.5

5 Answers
Jack Richardson

Support staff

March 23, 2016 at 15:56
Hello,

Please add this code in Theme Options > Styling > Custom CSS > Custom CSS for mobile/Custom CSS for tablet:

.checkout .col-lg-5.col-md-5 { display: inline-block; }

Best regards,
Jack Richardson.
#118628 Copied
Simon

Participant

March 23, 2016 at 17:38

Hi Jack,

Thank you for your reply.

1. The above code solver the issue for mobiles, but …
2. Same issue for Tablet. Can you please suggest a resolution?
3. On mobile the form looks very squashed (http://prntscr.com/aizyv1) is this related to WC or the template?
4. On the tablet YOUR ORDER appears in the middle of the page between the form.

Thank you for the great support.
Regards,
G

#118658 Copied
Jack Richardson

Support staff

March 23, 2016 at 17:45
Hello,

Have you also added the code in Custom CSS for tablet section?
Please also use this code in “Custom CSS for tablet” and “Custom CSS for mobile” sections:

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 { width: 100%; }

Best regards,
Jack Richardson.
#118659 Copied
Simon

Participant

March 23, 2016 at 17:51

Both updates work great. Problem solved. Thank you.

#118661 Copied

Jack Richardson

Support staff

March 23, 2016 at 18:49

Hello,

You’re welcome.

Best regards,
Jack Richardson.

#118673 Copied
Tagged: best selling, e-commerce, mobile checkout, no data input, tablet checkout, themes, woocommerce
Viewing 6 results - 1 through 6 (of 6 total)