Applying WAUE to a form in a menu...
I'm building a page and have completed the design elements using the Foundation framework containing the following elements:
Megamenu from Pixelworkshop: http://codecanyon.net/item/universal-responsive-mega-menu/4984236?WT.oss_phrase=sticky%20footer&WT.oss_rank=8&WT.z_author=Pixelworkshop&WT.ac=search_list
bxSlider: http://bxslider.com/ (two instances, one under the header combined with a hover effect from Codrops:http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/
and another plain-jane bxSlider just above the footer.
Content is mixed static and dynamic mySQLi recordset content.
I then added a page preloader at http://tympanus.net/codrops/2014/08/05/page-preloading-effect/ and everything was working fine.
Since the mega menu has a contact form in one of the dropdowns, I applied a WAUE Server Behavior to the menu, and when I tested the page the preloader would not complete. I only got an empty page with the text elements from the menu. In troubleshooting, I found that when I reverted the menu include to use the original menu code without the WAUE Server Behavior, I was able to get the preloader to work, but my menu CSS and my bxSliders' css were whacked. I have a backup of the site on another computer that works fine (pre WAUE) and I've continued troubleshooting by removing the form and replacing it with a WA Form that uses Validation Toolkit and Universal Email and I'm still getting the preloader problem. When I revert to the original menu file, the preloader works but the menus are misaligned and the bxSliders don't appear properly.
Can you give me some pointers on how to fix this?