Custom Menu

November 4, 2014 Uberflip Customer Success

Creating a Custom Menu

From within the application, head to 'Appearance' from the left-hand navigation bar and then select 'Menu'.

You’ll see an option called 'Menu Style' which lets you switch from a 'Left Menu', with left-side navigation and icons (the default style) and 'Top Menu', with top banner navigation and text descriptions. There’s also an option to change your menu color, although this only applies to the icons in Left Menus. 

 

Below, switch 'Menu Settings' to 'Custom' - this will allow you to rearrange your Hub categories as you see fit. Having your Menu Settings on default means it will be updated automatically based on your Streams.

 

 

After switching to custom, you can add and arrange categories on the fly. Look for the rectangular box with a dashed border under the 'Custom Menu Structure' heading. Hit the + icon inside to add a menu item, then choose to add either a 'Section Head' (which can have other categories nested under it), a 'Website' or a 'Stream Link'.

In this case, we’ll start with a 'Section Head', which is what you would do if you were starting from scratch or want a new main menu item.

Label the category what you like, e.g. “Blog”, and upload the icon of your choice. Then hit 'Add to Menu'.

 

 

Now that we’ve created a Section Head, let’s add a blog feed to it. You'll see another box with a dashed border, smaller than the previous one. Hover over the box underneath the new Menu Item and select 'Add Nested Menu Item' when it appears. 

 

 

Here, you can choose to either link to an external site from the menu or choose a Stream from your Hub. Here we chose a TechCrunch feed we have in this test Hub. 

 

 

You can keep adding Nested Menu Items depending on how you want to fill out that category. For instance, we could pull a range of blog feeds in and add them as separate blog Streams under this section.

But say you wanted to add several different types of Streams under one section - that’s possible too. As long as you’ve already pulled the feeds you want into your Hub to begin with, you can arrange them in the Custom Menu however you like.

For instance, if we wanted to create a “Mixed Bag” stream with different Streams of content, all we need to do is create that Section Head the same way we create the Blogs section, and nest those feeds under it.

 

 

Once again, we’ll hit 'Add Nested Menu Item' and, in this case, choose a Stream Link to start adding existing content Streams under this section. We’ve chosen to add a SlideShare, Twitter and blog Stream to this section. 

This is big - prior to Custom Menus, there was no way to group different types of Streams together (for instance, social feeds and blog feeds). 

 

Now, you have even further control over the way your content is organized and displayed. Not only that, but you can freely switch between the Default Menu and the Custom Menu you’ve created if you’re inclined to do so - any changes you’ve made to the Custom Menu will be saved whether you have the Custom Menu turned on or off.

Previous Article
How To Import a Font Into Your Hub
How To Import a Font Into Your Hub

Step-by-step guide to customizing the fonts in your Hub.

Next Article
Hubs Custom Labels
Hubs Custom Labels

Customize the branding of your Hub with custom labels!

Ready to Upgrade and supercharge your Hub with Custom Code?

We Can Help