Skip to content

Navigation

The Navigation element shows a series of horizontal or vertical links. It's the main block of the navigation bar and the footer: it lists the links to the important sections of the site.

The side panel shows the list of links. Click on a link to edit it, or use the list actions to duplicate, delete or add a new one.

For each link:

  • Text in the navigation bar — the visible label (for example "Home", "Our products", "Contact").
  • Click action — the link target. See the button for the full list of available actions (page, anchor, product, category, external link, email, phone, PDF…).

The style panel gathers the text style (font, size, color, spacing…), background, borders, shadow, inner margins, vertical alignment and transitions.

To add a dropdown to your navigation, use the Dropdown menu element instead, which offers sub-items with descriptions.

Documentation crafted with ❤️ by our in-house team.