Development

The Development section covers CSS customization, menu HTML structure, and adding custom JavaScript behavior to Navi+ menus.


Topics

# Topic  
1 Menu HTML structure and CSS selectors Menu structure and CSS
2 Writing correct CSS code in Navi+ How to write correct CSS
3 Adding step-by-step walkthroughs Add walk-through to Navi+

Quick Reference

  • Use Custom CSS for this menu for per-menu styles
  • Use Reusable Classes (CSS) for shared styles across menus
  • CSS targets three levels: main bar → submenu → nested submenu
  • JavaScript libraries (e.g. TourGuideJS) can be embedded via menu item attributes