Adding More Levels to the Menus

By default, Hyvä menus support up to two levels (desktop and mobile).

This design choice is intentional due to:

Performance: More levels increase category parsing complexity, impacting menu rendering performance.
Simplicity: A simpler structure ensures a better default user experience. Customization is possible if more levels are needed.

The menu's category structure matches default Magento.

For more complex menu structures, alternative methods and data sources are available.

For simpler needs, add a static list to the category structure.

The Hyvä UI Library uses this approach, prepending and appending static links (e.g., CMS pages like Contact) to the menu.

If your site needs many menu levels and links, consider using in-page links instead of overcrowding the main menu.

For example, use landing or product listing pages for deeper navigation.

Hyvä UI menus are generally limited to 4-5 levels, depending on the style.

Exceeding this limit is not recommended due to performance and user experience (UX) concerns.

The Product Listing Page (PLP) is a good example, providing links to individual products without cluttering the main menu.

For extensive navigation, create landing pages with structured lists or grids of links to guide visitors.

Hyvä UI Menus

For deeper menu levels with appropriate styles and functionality, consider the Hyvä UI library.

Hyvä UI offers flexible, customizable Mega Menus and Drilldown Menus (desktop and mobile) for complex menu needs.

For implementation and customization details, visit Hyvä UI Menus.