garyrw

OK, but here’s the kicker. I got rid of the ‘more code’ and now have this:

<script>
jQuery(function($) {

    var wpcf7Elm = document.querySelector( '.wpcf7' );

    wpcf7Elm.addEventListener( 'wpcf7mailsent', function( event ) {
        $('.submit-success').fadeIn();
        setTimeout( function() {
            $('.submit-success').fadeOut();
        },5000);
    }, false );

})
</script>

And now the contact form no longer works! Go figure…

• This reply was modified 6 years, 5 months ago by garyrw.

Hi Joseph G,

Well, I thought I was home free, but it was pointed out to me that after putting this code in, although it fixed the contact form problem it created another one. The menu bar no longer shows a sub menu item, and in mobile view the menu bar does not work at all.

I assumed a jQuery conflict of some sort, so I moved the code to a code block on the contact page. That fixed the menu problem for all other pages except the contact page.

Any ideas for how I can track down where the conflict may be so I can get the menu to work on the contact page as well? I know this is a bit outside the original post request, but if you have any ideas I am open to them.

Thanks,
Gary

• This reply was modified 6 years, 5 months ago by garyrw.

Hey! Success! It turns out I needed to put the script before the close of the head tag. Again, thanks for the help!

No need to apologize. As I said, I really appreciate the effort! But I did paste the latest code and tried again. No dice unfortunately.

Just tried again…same results. Frustrating! I really appreciate you trying to help though!

Does the var call go before the jQuery wrap, or within it?

Still no dice ??

No dice.

https://iracearchitecture.com/wp/index.php/contact/

When inspecting, there are a couple of ‘Blocked loading mixed active content’ warnings related to Google fonts called by the theme. That’s all I see so far.

Yes Joseph, that does make sense. Didn’t realize it was that easy! However, unfortunately it did not work. My situation is twofold:
1- The success message does not show
2- The fields do not clear after submitting

This does not appear to be theme-related (I tried the exact same form on a different site with the same theme and it works fine). It also does not seem to be plugin-related, since I deactivated all plugins to no effect.

If you have any other ideas I would love to hear them!
Thanks,
GaryRW

Hi Joseph G,
If you are still reading this, can you please tell me where I put the custom message with the div styling you show above?
Thanks,
GaryRW

Also fixed the wp_remote_post() failed issue. Still having the same problem. The form sends but there is no success message. Any help with this would be appreciated.

FYI – I did try what you suggested. Switched to default theme and deactivated all other plugins. No dice. When I hit submit I just got a spinning progress icon with no send.

Thanks for the reply, although I am not sure how this will help, since as I mentioned, the form is working fine using the same theme and plugins on another server.

What I did notice however, is that the system status for the server where it is not working shows that wp_remote_post() failed. Is it possible this could be the cause?

Thanks Benjamin! That was simple!