It looks like when Enfold clones the main menu to create the #mobile-advanced one (in avia.js), the ids aren’t changed, so there are multiple duplicate ids per page. This is giving me problems with some clients who are looking to be WCAG AA Compliant.
Is this a known issue that’s in the pipeline to be fixed?
Thanks.
Hi Eric!
Hmm, you could try creating a menu using only custom links and add the URLs to them manually. The IDs should not be set then. I do not think we have any plans on changing it.
There is also this, http://kriesi.at/documentation/enfold/changing-the-menu-on-mobiles/, which lets you set a different menu on mobile. I’ll let Kriesi know and maybe we’ll see an option get set in the future.
Regards,
Elliott
Will that responsive menu option work with WPML, because the site I’m working on has 3 languages associated with it.
I think when the menu is cloned in javascript for mobile, can’t the ids of the child <li>
tags just be looped through and modified with a ‘-m’ or something?
Hey!
Yes, it will clone whichever menu is currently displayed so if your site is displaying a menu in another language it will display that language.
Best regards,
Elliott