Ecco System
0.3.0
0.3.0
  • Please read this first!
  • Concept foundation
  • Tokens
    • Colors
    • Typography
    • Spacing
    • Border radius
    • Grid
  • Components
    • Buttons
    • Form elements
      • Checkbox
      • Checkbox Toggle
      • Date picker
      • Dropdown
      • File Selector
      • Radio button
      • Slider
      • Text fields
    • Lists
      • Tables
    • Menus
      • Global navigation
      • Tabs
      • Tree
    • Modal
    • Pagination
    • Toast and Status Bar
    • Tool tip
  • Templates
    • Web desktop templates
    • Larger mobile templates
    • Smaller mobile templates
Powered by GitBook
On this page

Was this helpful?

  1. Components
  2. Menus

Global navigation

An element that appears at all pages. It organizes information on different screens.

PreviousMenusNextTabs

Last updated 4 years ago

Was this helpful?

The Desktop global navigation is located in the header. But on the smartphones up to 5 items are in the bottom menu as shown below:

More than 5 items, the menu collapses into a hamburger menu:

By clicking on the icon, a menu opens on the side (the rule is valid for both mobile and web versions). The hamburger menu is also used for functions such as profile editing.

Mobile bottom menu - up to 5 items
Top navigation Mobile version (6+ itens)
lateral menu desktop
lateral menu mobile