Jetpack contact form submit button not working.

Hi @jane-milburn , I’d recommend testing to see whether it’s the theme or something else. Can you temporarily switch to Twenty Seventeen? Or if the site is live already, you can use the Health Check Plugin to test without affecting your site visitors.

Hi supernovia, I tested again while using the Twenty Seventeen theme and not my Twenty Seventeen child theme and the submit button works and I received an email confirming that it works. I have reverted back to my child theme and it has stopped working. I have checked my css and plugins and nothing seems to be conflicting. Also, after inspecting the button, it appears there are no problems!

I thought I would try other contact form plugins, WPForms, Contact Form 7 and Ninja forms. The submit button does not work with any of these so I am now totally confused.

I really would like to use the Jetpack contact form but do not know how because of the problem I have.

Can you please help me further?

Have you added any custom functions to your child theme’s functions.php file?

Can you share those via either Pastebin or a Gist?

Oh, and can you share your child theme’s style.css file too that way?

Hi James, as far as i’m aware I have not added anything to the functions.php but here is the code for what I have in functions.php: https://pastebin.com/x6nTidx3 and here is the css: https://pastebin.com/SQQHAF60

Yeah, I don’t see anything that would be breaking this outright in the code you shared.

However, upon closer inspection, the problem is definitely somewhere in your child theme.

You can see here that the footer div is covering most of the screen: https://d.pr/i/7jg0qS

And you’ll see the root of the problem further down, as the footer wrap is covering the Submit button: https://d.pr/i/U0VCCE

Basically, you can’t click the Submit button because the whole footer is in front of it.

I recommend following up over at https://www.ads-software.com/support/theme/twentyseventeen/ as to what could be causing your footer to overflow so much in the child theme.

Thank you sooooo much. I’m not sure if i’ve done the right thing but I used the following css and initially had the margin-top as -190px, i’ve changed it to -90px and the submit button is no longer covered and works:

.site-footer {
margin-top: -90px;
border-top: none;
}

Many thanks.

That will definitely work!

I’m not sure if it’s “the right fix,” but it’s definitely a fix. Just to be sure, I still recommend asking over at https://www.ads-software.com/support/theme/twentyseventeen/