The problem:
After submitting, the screen jumps to different points of the form inconsistently.
Let's say, the name field is blank. When I submit, the screen jumps to the email field. The user isn't been taken to relevant error and will either overlook it (and get caught in a loop) or assume the website is broken.
What can be done? I've put much time into making the form responsive however this is one problem I can't seem to fix.
What I have:
I'm using Contact Form 7 responsively. Error messages (wpcf7-response-output) are positioned above the form,
What I need:
When I click submit and validation errors occur, I need the screen to jump to the relevant error or preferably. the general error message produced by wpcf7-response-output.