The Menu Builder allows administrators to create, configure, and manage the navigational menus used throughout the website. These menus are responsible for controlling the structure and appearance of key areas such as the main navigation bar, user profile dropdowns, footers, sidebars, and legal link areas.
Menus are fully tenant-aware, meaning each tenant can define and style their own set of menus to match their brand and content structure.
Creating and Editing Menus
To manage menus, navigate to the Menus section within the admin dashboard. From here, administrators can create new menus or edit existing ones. Each menu requires two key values to be configured: the location and the style variant.
The location determines where the menu will appear on the site. Available locations include:
- Navbar: The main site navigation, typically at the top of the page.
- User: The dropdown menu shown under the user avatar or profile icon.
- Footer: The bottom section of the website, often used for links and site information.
- Sidebar: A vertical menu typically displayed along the left or right side of the screen.
- Legal: A simplified menu area used for links to terms, policies, and related pages.
Once a location is selected, administrators can choose from a set of style variants tailored to that specific location. For example, the navbar might offer styles such as “Default”, “Centered”, or “Navbar with Logo,” while the footer may offer layouts like “Simple Footer” or “Footer with Columns.”
The chosen variant controls the layout and design of the menu when rendered on the frontend. The available variants dynamically update based on the selected location.
Customising Menu Appearance
For navbar and footer menus, administrators can optionally select a primary colour and a text colour to match the website’s branding. These colours are used to style the background and text of the menu in supported layout variants. Colour pickers are hidden for menu types that do not require visual customisation, such as legal or user dropdown menus.
Each menu is also linked to a specific tenant. This ensures that each organisation or club within the platform can manage its own independent navigation structure.
Managing Menu Items
After creating a menu, administrators can add individual menu items using the associated relation manager. Menu items define the actual links and labels displayed within each menu. Items can be nested, reordered, and configured with custom URLs or page references.
Each menu item may include:
- A label (what the user sees)
- A link to an internal or external page
- An optional icon
- Nesting under a parent item to create dropdowns or multi-level menus
These items are managed through a dedicated interface accessible from the edit screen of each menu.
Best Practices
When creating menus, it is recommended to follow a consistent structure across the website. Use clear labels, group related items logically, and avoid overloading any single menu with too many links.
For the navbar, focus on top-level navigation to key sections such as Courses, Events, Blog, or About. Footer menus are well suited for contact information, social links, and legal pages. Sidebar menus can be used for internal dashboards or member-specific navigation. Legal menus should include privacy policies, terms of service, and accessibility statements.
If your design requires a different layout, you can select the most appropriate style variant for the menu and adjust the colours to match your tenant’s branding.
Summary
The Menu Builder provides a powerful and flexible way to manage the navigational structure of your tenant website. By assigning menus to different locations and choosing from pre-defined style variants, you can maintain a consistent and professional user experience across all parts of the site.
Each menu is fully customisable, supports nested items, and can be styled to suit your branding requirements. This system enables each club, organisation, or association to create a tailored, user-friendly navigation experience for their visitors.