Header and shortcuts
Written by Jerome Granados on
The header is visible both in the home and inside sections. In the detail pages, it's used to display navigation and sharing buttons.
In your header, you can apply background colors, textures, and alignments.
You can choose the navigation button icons and the text fonts. There are numerous options for setting up this area's design in order to seamlessly integrate your visual identity.
You have the option to add up to 6 shortcuts in the header. When you have 4+ shortcuts, the third slot is automatically used to display an additional menu.
The icon, the destination, the title, and the colors for each shortcut can be personalized.
On mobile, the shortcut can only be represented by an icon. On tablet, it's possible to display the a title for a shortcut next to its icon. On laptop or desktop, the shortcut can be transformed into a button, by adding a background color under the icon and title.
The way the additional menu works is identical on mobile and tablet. It appears in overlay at the bottom of the screen. On laptop and desktop, it drops down from the icon when clicked.