Make Mega Menu accessible

Hey devwp,

Thank you for the inquiry.

The modifications above should also work for the mega menu. Please try to add the modifications again, then toggle or temporarily disable the Performance > File Compression settings to refresh the scripts and stylesheets.

Best regards,
Ismael

Hi,

Thank you for the update.

We were able to reproduce the issue on our local installation and managed to find a possible solution. Please edit the js > avia-snippet-megamenu.js file, look for this code around line 152:

//bind event for mega menu
			megaItems.each(function (i) {

				$(this).hover(
					function () {
						delayCheck[i] = true;
						setTimeout(function () { megaDivShow(i); }, options.delay);
					},

					function () {
						delayCheck[i] = false;
						setTimeout(function () { megaDivHide(i); }, options.delay);
					}
				);
			});

.., and replace it with:

//bind event for mega menu
			megaItems.each(function (i) {

				$(this).hover(
					function () {
						delayCheck[i] = true;
						setTimeout(function () { megaDivShow(i); }, options.delay);
					},

					function () {
						delayCheck[i] = false;
						setTimeout(function () { megaDivHide(i); }, options.delay);
					}
				);

				$(this).find('>a').focus(function () {
					delayCheck[i] = true;
					setTimeout(function () { megaDivShow(i); }, options.delay);
				});

				$(this).find('>.avia_mega_div > ul li:last-child > ul li:last-child a').focusout(function () {
					delayCheck[i] = false;
					setTimeout(function () { megaDivHide(i); }, options.delay);
				});
			});

Please do not forget to toggle the Performance > File Compression settings after doing the modification.

Best regards,
Ismael

Hi,

You are welcome! Glad it is working. To change the focus style, please try to use this css code.

#top #header .av-main-nav > li a:focus {
	color: red !important;
        outline: 3px solid #333333!important;
}

Best regards,
Ismael

Hi,

What happens when you replace outline with the border property? This should create lines around the text when focused.

Best regards,
Ismael