Return to previous page

Checkout Page Unresponsive for Mobile Users

This topic has 6 replies, 5 voices, and was last updated 8 years ago ago by Eva Kemp

Moemarduff

Participant

November 29, 2016 at 11:22

Using Classico theme version 1.7.1 with Classico Child 0.0.1
Woocommerce 2.6.8

Several users have reported from iPhone that they are unable to enter any information into address fields when proceeding to check out. I tested myself on an iphone and indeed, it does not work. None of the fields allow for information input.

Please advise how to fix this issue.

Please, contact administrator
for this information.

#147282 Copied Theme version: 1.7.1 WooCommerce version: 2.6.8

5 Answers
Jack Richardson

Support staff

November 29, 2016 at 17:10
Hello,

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

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

Best regards,
Jack Richardson.
#147339 Copied
Robert

Participant

December 22, 2016 at 13:07

I also had this problem. Why not apply this fix to the theme and provide an update?

#149914 Copied

Jack Richardson

Support staff

December 22, 2016 at 20:16

Hello @themadguru,

We’ll fix it in the next theme update.
Sorry for inconveniences.

Best regards,
Jack Richardson.

#149957 Copied

mbertram

Participant

February 22, 2017 at 21:01

I’m having the same problem. I added the css and it helped but my checkout page still looks bad on all media (especially tablet and smartphone).

#155525 Copied
Eva Kemp

Participant

February 23, 2017 at 09:51
Hello @mbertram,

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

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

Regards,
Eva Kemp.
#155558 Copied
Tagged: checkout, mobile, themes, unresponsive, woocommerce, wordpress
Viewing 6 results - 1 through 6 (of 6 total)