Navigation

Key Takeaways

  • Navigation includes logo, page links, action button, and login (collapses to a menu on mobile).
  • Managed through the NAV zone using a Page Menu block (root page should be your homepage).
  • Customize in Admin Tools → Websites → Edit:
  1. Upload Site Icon and Logo (full color and light versions)
  2. Set background and logo colors for light and dark modes
  • Action Button (optional): Configure text, page link, icon, and style (solid or outline)
  • Theme Color controls the mobile browser/status bar color.
  • Manage menu structure in Pages → Edit → Display Settings:
  1. Set Display When for visibility
  2. Enable Show Child Pages for dropdowns
  3. Child pages must also be set to display
  • Use an “Overview” page within dropdowns for accessibility and usability.

Best Practices

  • Ensure strong contrast between logo and background in all modes.
  • Test navigation in both light and dark mode.
  • Keep navigation simple and easy to scan.
  • Use clear, action-oriented labels for buttons and links.
  • Structure dropdowns logically and avoid overcrowding.
  • Include an Overview page to improve accessibility and navigation usability.
Top