Shortcode Contact Form in Mega Menu

Hey jaimemerz,
Please include a link to your page and an admin login so we can examine.

Best regards,
Mike

Hi,
Thanks for your patience and the link to your site, I tested your menu form in a mega menu item on my demo site and it gave me the success message, so it seems that it should work.
I see your child theme has some customized files, have you tested with the parent theme activated so the customized child theme files are not used? Also try with your plugins deactivated, perhaps there is a conflict.

Best regards,
Mike

Hi,
Please note that when you remove the child theme style.css it breaks the child theme and deactivates it:

I recommend restoring it so that you can export your child theme settings at Enfold Theme Options ▸ Import/Export ▸ Export Theme Settings File
Then to test the parent theme you can activate it and import the child theme settings so you don’t lose your customizations.
The cause is more likely the customized files in the child theme.

Best regards,
Mike

Hi,
Thanks for the feedback, I see what you mean but I don’t see any errors in the browser console, will the form submit if it has no required fields?

Best regards,
Mike

Hi,
Thanks for the feedback, I found that the form is wrapped in the menu element link attribute, even though you have no link set the “a” still has “#”

while I can unwrap the link from the menu item with this:

function custom_script() { ?>
  <script>
window.addEventListener('DOMContentLoaded', function() {
(function($){
$('#avia-menu').one('click', function(){
  $('#av-burger-menu-ul .menu-item-3979 a').contents().unwrap();
});
})(jQuery);
});
</script>
  <?php
}
add_action('wp_footer', 'custom_script');

This didn’t help, so I then tried on my test site to append the contact form to the menu and while this worked the form action always reloaded the page so you don’t see the ajax response. So I don’t think this is going to work.
But I believe that I have found a workaround, on my test page linked below I have the desktop menu set to icon and full width like your site, but I have no menu items, instead on the homepage I have a full-width contact form with the font set to light and transparent, and I use this css to hide the contact form until the menu overlay is shown and then the menu overlay is hidden, giving the effect that the contact form is inside the menu:

and it shows the ajax response.

#top.home form.avia_ajax_form {
	display: none;
}
.av-burger-overlay-active #top.home form.avia_ajax_form {
	display: block;
}
.av-burger-overlay-active #top.home #header_main .av-burger-overlay {
	display: none !important;
}
.av-burger-overlay-active #top.home #wrap_all #av_section_1 {
	 background-color: #000;
}
.av-burger-overlay-active #top.home .av_header_transparency.av_alternate_logo_active .logo a > img {
    opacity: 1;
}

.av-burger-overlay-active #top.home .av_header_transparency .logo img.alternate {
    opacity: 0;
}

Try my test page and see if this might be something that would work for you.

Best regards,
Mike