Contact Form – After press sent, the message isn't vissible without scroll up

Hey S.,

Thank you for using Enfold.

You have the option to redirect the users to another page instead of displaying a message. Have you tried that? We can adjust the script, so the page scrolls to the the message but that will consume a bit of time and something that we hope to avoid as much as possible. Please try to do a page redirect instead.

Best regards,
Ismael

Hi,

Have you ever heard of Bounce-Rate? And why should I send users to another site?

Sorry for the confusion. I think you misunderstood what we are trying to suggest. You don’t have to redirect the users to another site, only to another page. We are referring to the contact form’s “What should happen once the form gets sent?” settings. Set that to the second option and then select a page where you want to redirect the users after sending the form.

Why is there the “Sending-Sucess” message if you offer this feature as a bug? FOR ALL YOUR CUSTOMERS!

That is not a bug. We don’t see a lot of forms added in the middle of the page that contain that many fields, so we didn’t set the script to scroll to the “thank you” message after the form submission. You don’t see this issue with contact forms that are fully visible in the view port and are added at the very top or bottom of the page.

We do understand your frustration. Let us know if you want to implement the scroll script, but we don’t recommend it because you have to edit the script files directly, forcing you to do it again every theme update.

Best regards,
Ismael

Hi,

Thank you for following up.

@lorimenna: You can modify the config-templatbuilder > contact > contact.js file, look for this code around line 213:

form.slideUp(400, function(){responseContainer.slideDown(400, function(){ $('body').trigger('av_resize_finished'); }); send.formElements.val('');});

.., then replace it with:

form.slideUp(400, function(){
								responseContainer.slideDown(400, function(){ 
									$('body').trigger('av_resize_finished'); 
								}); 
							send.formElements.val('');
							$([document.documentElement, document.body]).animate({
								scrollTop: responseContainer.offset().top
							}, 1000);
						});

The script will look for the response or the confirmation message container and scroll to it. Let us know how it goes.

Best regards,
Ismael

Hi,

You cannot override the contact.js file directly in your child theme without dequeueing it first. You then have to register it back using the new path in the child theme.

Does it work when you add the modification directly in the parent theme? Please open a new thread if you need more assistance.

This may also help.

// https://kriesi.at/support/topic/megamenu-submenu-items-keyboard-accsessibility/#post-1323717
// https://kriesi.at/support/topic/tabs-select-on-hover/#post-1307497

Best regards,
Ismael