Question about SmartMenus 2 initialization about smartmenus HOT 2 OPEN

Please note the v2 code is still in early alpha and it might change quite notably (I already have some breaking changes locally that are still not committed - e.g. the single SmartMenus JS component will be split into at least 3 new components Collapse/Offcanvas/Nav for improved flexibility). So I wouldn't really recommend upgrading a working solution at the moment.

That being said to answer your question - the v2 script allows for arbitrary HTML structure by providing a few selectorX options. So in your case, you would need something like this:

const navbar = new SmartMenus(document.querySelector('#navbar-container'), {
  selectorNav: '.navigation',
  selectorSub: 'ul',
  selectorItem: 'li',
  selectorLink: 'a'
});

from smartmenus.

Thanks, I appreciate your reply. I may end up recommending that we hold off on changing our menu until a later time. In the meantime, though, I'll work on an approach like you detail above to see what the level of effort is likely to be.

from smartmenus.