Dropdown menu

The Dropdown menu element creates a list of options that unfolds on hover or click. It's typically used in the navigation bar to group several links under one label (for example "Our services" that opens the list of services).

Navigation element

The main subsection gathers the settings of the button that triggers the menu opening:

• Menu name: the text shown on the button (for example "Our services").
• Click action: optional, lets you link a direct URL to the button itself (in addition to opening the menu). See the button for the full list of actions.

Menu items

The Menu items subsection lists the links offered in the dropdown menu. Click on an item to edit it, or use the list actions to duplicate, delete or add a new one.

For each item:

• Text: the displayed label.
• Description: an optional description shown below the label to clarify the option.
• Click action: the link target (page, product, external link, etc.).

Menu style

The style panel lets you adjust the text style of the button and the links: pick their Color and Font to match your theme, on top of the size, case, weight and spacing.

The panel also gathers the background, borders, corner radius, shadow, inner margins, vertical alignment and transitions.