Hub Header Layout Options for Better Navigation

Explore Hub Header layouts for an enhanced user experience.

There are three types of Hub Header layouts available for you to choose from, each designed with a specific purpose to improve user experience. 

The first Hub header style is the Row layout. This new layout ensures all menu items are visible in a single row, with the search bar conveniently accessible above it. This design simplifies navigation, making it easier for you to set up your Hub and for your members to navigate it. Alongside the ability to switch the Default Homepage of the Hub and customize the 'Home' item in the menu, navigating and setting up the structure of your Hub has never been simpler.

The second Hub header style places your menu items at the top of your Hub – the Tabs layout.  This is perfect for those who want their menu items more visible and easily accessible. Whether you're hosting a lot of content, running events, or just want a look that matches your style, this new header layout keeps everything in plain sight and just a click away.

The third one is the Hamburger layout, which has been available since the introduction of the Hubs feature. This layout is best when many items are included in the menu and the search bar is kept visible. 

To change the layout settings of your Header Menu, follow these simple steps:

Step 1 - Access your Hub Editor

Access the Hub Editor by clicking the 🛠 Customize button next to your selected Hub.

Step 2 - Open Header Menu

Once in the Hub Editor's "Pages" section, click Home > Header page and scroll to the "Header Menu" option at the bottom. Click on it to open the Header Menu options.

Step 3 - Choose your preferred layout

To change the layout of your Hub Header, simply toggle to your preferred option. 

Row Layout

Tabs Layout

Hamburger Layout

Step 4 - Save your changes

Once you're happy with your layout choice, just hit Save Changes to ensure your updates are saved!