Studio Help · Menus

Menu Concept

Menus are fundamental structural elements in any website. They organise navigation, guide the user, and make it easier to access the available content.

Overview

In Studio, menus act as configurable navigation systems that can be applied in different parts of the site, including headers, footers, and specific areas of the layout.

What is a menu

Structured navigation between content

A menu consists of an organised set of links that allows the user to navigate between pages, sections or external content.

Each menu may contain multiple hierarchical levels, making it possible to create either a simple or a deeper navigation structure, depending on the complexity of the website.

better navigation experience
greater structural clarity of the site
quick access to information
improved overall usability

Menus in Studio

Independent and reusable entities

In Studio, menus are created and managed as independent entities. This means they can be reused in different areas of the site without needing to be recreated.

main header
mobile menu
footer
contextual navigation blocks
mega menus or advanced menus

Hierarchical structure

Multiple levels of navigation

Menus can be structured across multiple levels.

Each item may include sub-items, making it possible to create structures such as:

single-layer menus
dropdown menus
multi-level menus

This flexibility is essential for websites with a large volume of content or several thematic areas.

Types of links

Different possible destinations

Menu items can point to different destinations.

The most common possibilities include:

internal website pages
specific sections within a page
external content
files or digital resources

This versatility allows menus to be used both as main navigation and as quick-access mechanisms to relevant content.

Organisation and best practices

Clarity and simplicity above all

A well-defined menu structure should prioritise clarity and simplicity.

It is recommended to:

avoid too many hierarchical levels
use short and objective titles
group related content
maintain consistency between desktop and mobile menus

Confusing navigation can compromise the user experience, even on websites with high-quality design and content.

Relationship with the site layout

Menus integrated with components

Menus do not operate in isolation. They are deeply integrated with the layout and the components in which they are displayed.

In Studio, different components can consume different menus, making it possible to create:

main navigation
secondary navigation
contextual navigation
utility navigation

This separation supports a clearer and more effective information architecture.