mobile mega menu not working

Ok – sent
only problem in mobile
thanks

Ok- this is a bit frustrating.
I know my menu system looks confusing now -I had to change it because after I updated the theme last week the mega menu for CLASSES stopped working on mobile devices and my customers could not book classes.

I left it there so you – tech support- could actually see the problem and address it – it worked before the theme update and stopped after that so it’s definitely related to the theme update.
CLASSES mega menu – drops to FUSED GLASS CLASSES and METAL CLAY CLASSES – this works on desktop but (after theme update) does not work with mobile (worked on both before theme update).

I just put the menu option FUSED CLASS CLASSES on main menu because my customers could not access the classes with the broken mega menu. I don’t like it and will remove it once mega menus are working.
We will be adding to this system so was planning on using mega menus – if they will not be working on mobile devices please let me know.

It’s been 3 days since update- and I asked tech support to look at it – I gave login infor – I was hoping for an idea of why it does not work.

Thank you for your support

I appreciate the fact you are keeping up to date with current code requirements.
I bought this theme because I am not a coder and liked the features – one of them being the menus and the most important a committed company to supporting their customers.

Below is the extent of my custom code- it all came from this forum and is not much. I’ve documented what it is for before each section.
My mobile menu worked before your last update and after the update the mega menu (Only on the mobile) stopped working.
I’m sure I’m not the only customer with this issue –
If I need to reconfigure something or add css to it-I can that that – but I would appreciate some direction on where to look or something to test.

Thank you again for your help
Pat

QUICK CSS section (My ONLY custom code)
/*6/22/17 add to remove product side arrows going to next product */
#top .avia-post-nav {
display: none;
}

/*6/26/17 on header page center text on bottom caption */
.slideshow_align_caption {
text-align: center;
}

/* removes gap on home page slider caption to text */
.avia_transform .av_slideshow_full .avia-caption-title {
margin-bottom: 0px;

/*changes gap on homepage between slider and white space */
}
#after_full_slider_1 .content {
padding: 5px 0;
}

/* keep fixed height for testimonials-home page */
#top .avia-slider-testimonials.avia-testimonial-wrapper {
height: auto!important;
min-height: 150px !important;
max-height:150px !important;
}
/* For ipad/tablet in portrait mode */
@media only screen and (max-width:960px) and (min-width:768px) {
#top .avia-slider-testimonials.avia-testimonial-wrapper {
min-height: 300px !important;
max-height: 300px !important;
}
}

/* For mobile devices */
@media only screen and (max-width:767px) {
#top .avia-slider-testimonials.avia-testimonial-wrapper {
min-height: 350px !important;
max-height: 350px !important;
}
}
/* 7-12-17 enfold changed so menu not centered-this is quick fix */
.html_header_top.html_logo_center #top .main_menu ul:first-child {
display: inline-block;
width: auto;
}

I’m asking to a fix to your theme code problem – not design critique – and you do not know future design of this site.
The site is still having information added to it- but I need the mega menus working before I can continue adding our design.

I know how to configure the menus – the problem is the mega menu does not work on the mobile.
One of the selling design features of Enfold is responsive mega menus – there is an error – it does not work on the mobile device.

I’ve shown you my limited CSS – I’ve asked 4 times for someone to look at the issue that started with the last update that changed all the menus.

Please address the problem – the mega menu on a mobile device.
It worked before – I updated the theme – now it does not work – something happened on the update.

Thank you