Tagged: checkout page, enfold, mobile, woocommerce
Hi there,
We have just put our website with webshop live and it is already a succes. Orders are coming in and people are downloading our ebook. Great!
A little problem we met, is the woocommerce checkout page when visited on mobile devices. The fields email and phone number on the form can’t be filled. They are not clickable.
Can you help me fix this?
Thanks in advance!
Maaike
Same problem here, I just began looking for a solution. If you find one, please mind sharing! :-)
Link for webshop on private content…
Problem stated:
If you access via mobile and try to buy any product, email and phone fields on checkout page are “unclickable”/”unselectable” and thus “uneditable”.
Hi,
Thank you for using Enfold.
Please add this code in the Quick CSS field.
.woocommerce-billing-fields {
position: relative;
z-index: 10000;
}
Best regards,
Ismael
Hi Ismael,
Since I had severe difficulties to troubleshoot in mobile device, I’d never think of the z-index as the root cause.
Thanks a lot! That was the problem!
Best regards!
Hi rmf339,
Glad you got it working for you! :)
If you need further assistance please let us know.
Best regards,
Victoria
Great!
This works :-))
Thank you for your help!
Maaike