Thank you so much for this great responsive menu!
I’m building my first responsive website, using the Foundation 5 framework for the first time. I’m very new to jQuery. I’ve included your SmartMenus menu in two places in my HTML: in one place for small devices and in another place for large devices, because I’m wrapping the small device menu in an off-canvas container so that it slides in from the left (using Foundation’s off-canvas JavaScript).
Everything works fine except for one thing: the dropdown submenus on the horizontal menu that displays for large devices do not display. The top-level links in the menu display fine, just not the dropdowns. But when I reduce my browser and view the small menu, the accordion works and the submenus display perfectly.
If I remove the off-canvas small menu, then the dropdowns display fine on the horizontal large menu. So I’m wondering whether this issue has something to do with using the menu twice on the same page? Maybe the jQuery is working for the small menu (that comes first in the HTML) but not for the large menu?
Any help is very much appreciated!