Just added recaptcha to my site's contact form. No scripts, just a simple if statement in the form's .php file actually gets it done. It works.
However, the feedback output renders too small on mobile devices.
The following is what I added at the end of the .php file after the code for verifying user input.
if(!is_null($captcha)){
$res = json_decode(file_get_contents("https://www.google.com/recaptcha/api/siteverify?secret=MYSECRETCODE&response=".$captcha."&remoteip=".$_SERVER['REMOTE_ADDR']));
if($res->success === true){
// create email headers
$headers = 'From: '.$email_from."\r\n".
'Reply-To: '.$email_from."\r\n" .
'X-Mailer: PHP/' . phpversion();
@mail($email_to, $email_subject, $email_message, $headers);
echo 'We are so happy to hear from you! Please expect our prompt response.';
}
else{
echo 'Failed to check off captcha!!! Please go back and try again.';
}
}
Notice that only the if statement is new. What's in the nested if was already part of the file.
The problems is that those two echos are rendering way tiny on my mobile but normal on my laptop. Other echos elsewhere in the file, such as feedback for faulty input, don't have the problem.
What is the cause?