Hmm, on theory everything looks fine. If the sub menu is not working and the sub menu indicator arrow is not appearing, then it’s some kind of script initialization problem. Here’s what you could check:
1) Make sure the script files are loaded correctly (double check the path) – the jQuery .js file and jquery.smartmenus.js. You can test if the SmartMenus plugin is loaded correctly with the browser console (in Chrome: hamburger icon -> More tools -> JavaScript Console; in Firefox: hamburger icon -> Developer -> Web Console) – type the following and hit Enter:
$.SmartMenus
If you get undefined
, then the “jquery.smartmenus.js” file is not loaded correctly (check its path).
2) If for some reason jQuery is used in noConflict mode, then you may need to change your init code like this:
jQuery(function() {
jQuery('#main-menu').smartmenus({
mainMenuSubOffsetX: -1,
subMenusSubOffsetX: 10,
subMenusSubOffsetY: 0
});
});
Hope this helps. Please let me know if you still have troubles.