To present the site structure, it is very useful to take full advantage of the header menu. In this tutorial, we will show you how you can create a structured menu with drop-down lists (sub-menus), just like this one:



Step 1. Setting up the Navigation

Please open Site Settings > Navigation and choose Managed Navigation under Global Navigation:



Scroll down a little and find the category Managed Navigation: Term Set. Please click Create Term Set button. You will see that a new folder has appeared (highlighted by yellow on the screenshot below). After that, please click Term Store Management Tool. A new tab in your browser will be opened, but before managing the Term Store, please click OK on the Navigation page to save the changes.




Step 2. Term Store Management

After the Term Store Management Tool is opened, please search for the newly created folder in the list on the left:



Hover over it, and you will see an arrow. Click it and choose Create Term from the drop-down list:



Type in a name for the first term you would like to use in your navigation menu. Choose the Navigation tab on the top. Under Navigation Node Type, please choose Simple Link or Header. Copy the page address you would like this term to redirect the user to, and paste it into the Simple Link or Header field, as shown below:



In the same way, please create other terms. For creating drop-down lists (sub-menus), please, hover over the necessary term, press the arrow and create a sub-term, as shown below:



Don't forget to set up the links for every new term in the Navigation tab. After you are finished, press Save in the bottom of the page.


Step 3. Header Menu Customization in ShortPoint Theme Builder

To setup the background, hover and text colors of the sub menu, please open the Theme Builder (Site Contents / Site Settings > ShortPoint Dashboard > Site Customizations > Customize my Site) and choose Menus > Backgrounds & Colors. In this panel, you will be able to customize the look and feel of your menu and sub-menus. After everything is ready, press Publish to save your changes.


To find out more about header and menu customization in Theme Builder, please check this article.


Thank you for your attention!