CandleMan:
Just looking into this in more detail, the website returns the following when in "Mobile view"
<input type="number" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">
However in desktop view it returns this
<input type="text" name="postcode" size="11" maxlength="10" id="postcode" placeholder="*" required="">
It seems that the responsive.mobile.css file is creating this from line 426.
Any suggestions on what to try?
Find the following section in the template's /jscript/jscript_responsive_framework.php:
$('input#email-address').clone().attr('type','email').insertAfter('input#email-address').prev().remove();
$('input#searchHeader').clone().attr('type','search').insertAfter('input#searchHeader').prev().remove();
$('input#mailChimp').clone().attr('type','email').insertAfter('input#mailChimp').prev().remove();
$('input#login-email-address').clone().attr('type','email').insertAfter('input#login-email-address').prev().remove();
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
$('input#telephone').clone().attr('type','tel').insertAfter('input#telephone').prev().remove();
$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
$('input#fax').clone().attr('type','tel').insertAfter('input#fax').prev().remove();
and comment the block out, adding the highlighted lines:
$('input#email-address').clone().attr('type','email').insertAfter('input#email-address').prev().remove();
$('input#searchHeader').clone().attr('type','search').insertAfter('input#searchHeader').prev().remove();
$('input#mailChimp').clone().attr('type','email').insertAfter('input#mailChimp').prev().remove();
$('input#login-email-address').clone().attr('type','email').insertAfter('input#login-email-address').prev().remove();
[B]<?php
/* ----- Don't force postcode to all numbers -----[/B]
$('input#postcode').clone().attr('type','number').insertAfter('input#postcode').prev().remove();
[B]*/
?>[/B]
$('input#telephone').clone().attr('type','tel').insertAfter('input#telephone').prev().remove();
$('input#dob').clone().attr('type','date').insertAfter('input#dob').prev().remove();
$('input#fax').clone().attr('type','tel').insertAfter('input#fax').prev().remove();
