Mobile and tablet customers can't enter Phone or Email on Checkout page

[Robert]

Robert

July 17, 2017 at 7:15 am

My mobile and tablet customers can’t enter data into the phone and email boxes on the checkout page. If I add the following code on the Theme Options–>Advanced Settings–>Custom CSS Box then the data can be entered but I suspect it’s causing other checkout problems since I’ve gotten complaints from customers.

/*I had to add this to allow mobile users to input email and phone at checkout-Who knows why???? Added code on 7-13-2017*/
.woocommerce-billing-fields {
position: relative;
z-index: 1;
}

I submitted this problem to Github:

Github

This is the response I received:

I’m guessing you did not check this because it’s specific to this theme. It needs to be reported to Kadence Themes. This theme does not use WooCommerce core CSS – it has it’s own.

Times I’ve seen this before there have been ‘overlaps’ of content, so the front element blocks access to the fields behind. Usually this can be confirmed in desktop too by shrinking the browser but in this case it does not happen.

I have deactivated all plugins and the problem still exists.

Any ideas?

Thanks.

Bruce

Palmfree Sunwear