Create or edit a custom Hub menu

Menus help you organize your content contextually, making it easier for your visitors to find what they’re looking for. Creating a Custom menu in Uberflip lets you fully customize and build your Hub’s navigation and content collections exactly how you want. This article will show you how it’s done.

Create a Custom Menu

1. In Uberflip, select Appearance from the sidebar menu, then click Menu
   
2. Toggle Menu Settings to Custom
   Note: Default Hub menu settings means everything will be updated automatically based on your Streams.
3. Under Custom Menu Structure, you can begin creating your custom menu
   
   

Add a new menu item

1. At the bottom of the Custom Menu Structure section, click the rectangular box labeled + Add Menu Item
   
   
2. In the modal that opens, choose to add either:
   • a section head (which can have other categories nested under it)
   • a website 
   • a stream link
     
     
3. Fill out the needed information for your selection:
   
   
   Section Head Website Stream Link

   Label (required): The text that appears in the menu
   Class name (optional): Used for custom coding
   Link (optional): Link to an existing Stream
   Icon (required): An icon to represent this item

   URL (required): The destination URL when the menu item is clicked
   Label (required): The text that appears in the menu
   Class name (optional): Used for custom coding
   Icon (required): An icon to represent this item
   

    

   Linking to your homepage?

   To add a link back to your homepage, use the "Stream Link" option and select "All (Hub Home)" in the Stream dropdown. Other methods of homepage linking may bypass important homepage functionalities built into Uberflip. 

   Stream (required): Link to an existing Stream
   Label (required): The text that appears in the menu
   Class name (optional): Used for custom coding
   Icon (required): An icon to represent this item
   

    

   Linking to your homepage?

   To add a link back to your homepage, use this "Stream Link" option and select "All (Hub Home)" in the Stream dropdown. Other methods of homepage linking may bypass important homepage functionalities built into Uberflip.
4. Click Add to Menu

Add a nested menu item

1. In the Custom Menu Structure section, find the menu item you want to add a nested item to
2. Under the item (and any current nested items), click the smaller rectangular box labeled + Add Nested Menu Item
   
   
3. In the modal that opens, choose to add either:
   • a website 
   • a stream link
4. Fill out the needed information for your selection:
   
   
   Website Stream link 

   URL (required): The destination URL when the menu item is clicked
   Label (required): The text that appears in the menu
   Class name (optional): Used for custom coding

   Stream (required): Link to an existing Stream
   Label (required): The text that appears in the menu
   Class name (optional): Used for custom coding

Rearrange menu items

Once your menu items have been added, re-arrange them however you'd like by drag-and-dropping them on the menu editor page. 

Now, you have full control over the way your content is organized and displayed.

You can freely switch between the default menu and the custom menu you’ve created at any time—your custom menu settings will be saved for future use.

Delete or edit a menu item

Edit a menu item: 

Head to the Menu settings page (Appearance > Menu) and click the pencil icon on any menu item to edit it.

Delete a menu item:

Head to the Menu settings page (Appearance > Menu) and click the trash icon on any menu item to delete it.