So on my website of http://www.camerabeanbags.co.uk/checkout/ if you set the browser to 768px wide the 'phone' and 'e-mail address' fields can not be clicked in for text to me typed in.

These work fine on any resolution below 768px and anything after 992px wide.

I have looked at the CSS and tried amending this to get them to both work but haven't had much look.

If you add an item to the basket... then go to check out... set the screen at 768px or higher but below 992px you will see what I mean. Any ideas on what could be causing this and how I can fix this?


  • Everything works fine for me on 800px. – Max Yudin Dec 9 '17 at 13:16

Adding this code below has fixed the issue

 .woocommerce-billing-fields__field-      wrapper:after {
 clear: both;
 display: table;
 content: '';


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.