Your Staffbase platform menu is the main navigation tool that connects your users to key features and content. Learn more about the menu. Staffbase has different menu types for mobile and desktop environments. For Intranet users, the horizontal menu brings easy access to content with menu flyouts and deeper navigation levels. Activating the horizontal menu affects only desktop users. On mobile devices, the navigation remains vertical in arrangement.

Intranet Menu Structure

The Intranet offers ample space for the horizontal menu, also known as the top navigation. This displays horizontally across the top of the Intranet. Menu items can consist of pages, news channels, plugins, and folders, which allow for up to three layers of flyout menus. 

Flyouts can be advantageous, as they allow users to see longer menu paths without having to click through numerous folders. When you click a first-level item within a flyout menu, it shows an image and a description of the menu path and branches out to the second-level items. Hovering over the second-level item makes the next level visible. The flyouts up to three levels create a seamless navigation experience for desktop users and make navigation more intuitive by delineating the items within the menu. 

Note: When choosing a folder image take into account the recommended sizes of 1000px x 400px for folder images and 230px x 115px for the flyout menu.

The horizontal menu is ideal for organizations looking to use the Staffbase web app as an intranet solution or to integrate services, such as HR processes or access to 3rd party tools. You can tailor the Intranet menu to your user base by setting the visibility for each menu item based on device type. Learn more in Setting Menu Item Visibility. Regardless of device visibility, users only see content in the menu they have access to, by default. Once you set the content visibility for users and groups in the plugin itself, for example in Chat, those settings automatically apply to the menu items.

Vertical Menu in the Public Area

In addition to your Intranet menu for your signed-in users, there is the public area menu for desktop. This menu displays vertically on the side of the web app interface and can be configured to hold up to 5 levels of depth. Learn more about the public area.

Best Practices for the Intranet Menu

On desktop devices, the employee app can serve as the front door intranet that gives access to deeper levels of content. With bigger device screens, a full content menu with flyouts for deeper levels allows users to find their content faster.

• Choose no more than 8 topics for top-level navigation. 
• Keep work-related and social content separated.
• Reduce overlap in content, so that users do not have to guess under which menu item they’ll find information. 
• Test your menu structure with workshops and/or user tests before implementing.
• Keep testing your menu structure to make sure your employee app evolves with your organization.