Bug? Mobile/Touch friendly menus

[exponentcms]

This ticket only applies to Bootstrap 3 based themes (there is no mobile support within YUI, and Bootstrap 2 feature addition has been deprecated)

• Twitter Bootstrap navbar's are only valid for 2-deep level menus (parent and child, NO grandchildren, etc...)
• In Exponent we tweak the code/styles to allow for multi-level menus, but this may/does affect how they work on mobile/touch devices
• We need an almost bullet proof method for mobile/touch device navigation to work without affecting large screen (mouse) device operation

The solution may be to integrate (optionally?) SmartMenus http://www.smartmenus.org/ which seems to fit the bill above though it does slightly change how collapsed menus operate (adds a plus mark to edge of submenus, etc...)

An alternative would be to limit (by force) menus to only the parent and 1st child levels, but this is probably better done in practice/design rather than coding.

[exponentcms]

Note: SmartMenus v1.0 is NOT a drop-in fix for Exponent under BS3...seems to be offended by our tweaks to the slingbar/flydown menus

[exponentcms]

A recent code update implements admin configurable navbar menu depth which may somewhat address this issue in some scenarios.

[exponentcms]

[bulk edit]

[exponentcms]

[bulk edit]

[exponentcms]

[bulk edit]

[exponentcms]

Lighthouse URL: https://exponentcms.lighthouseapp.com/projects/61783/tickets/1315