How to Create a top Navigation Tab and/or Dropdown Menu

This article walks you through creating a top navigation Tab and a dropdown menu in the website builder of the admin site.

There are four navigation tabs that remain fixed and cannot be customized in the website builder: Community, Events, and Sponsors. Besides the four, admins can add, modify, and customize the navigation tabs displayed to members on the upper part of the member site. When you create a new navigation tab, you have the option to either design a new page within the website builder that will be shown when users click on the tab, or to provide a direct link that will redirect them to an external site. To do this, follow the steps stated below: 

 

1) Navigate to your website builder from the admin site

 

2) Click this icon.

 

Screenshot 25-10-2024 at 13.46

 

3) Click "Add a New Tab"

 

Screenshot 25-10-2024 at 13.48

 

4) Click here to create a dropdown menu

 

Screenshot 25-10-2024 at 13.49

 

5) Click "Select"

 

Screenshot 25-10-2024 at 13.50

 

6) Click "Add a Link"

 

Screenshot 25-10-2024 at 13.51

 

7) Click "Choose a page" to link to an existing created page on your website builder. Learn more about creating webpages

 

Screenshot 25-10-2024 at 13.52

 

8) Click the page title

 

Screenshot 25-10-2024 at 13.54

 

9) Click "Add Link"

 

Screenshot 25-10-2024 at 13.55

 

10) Alternately, click "Link" to link to a URL

 

Screenshot 25-10-2024 at 13.56

 

11) Click the "Link" field and type in the URL address

 

Screenshot 25-10-2024 at 13.57

 

12) Click "Visible to" to set the visibility settings of this URL link

 

Screenshot 25-10-2024 at 13.58

 

13) Click "Add Link." Don't forget to add a Tab name.

 

Screenshot 25-10-2024 at 13.59

 

14) Once you've added all the dropdown links to your tab, Click "Add Tab"

 

Screenshot 25-10-2024 at 14.00

 

15) Click "Remove Tab" to remove the tab at any time.

 

Screenshot 25-10-2024 at 14.01

 

16) Direct Link: When creating a new tab, you can also select just a direct link instead of a dropdown menu.

 

Screenshot 25-10-2024 at 14.02

 

17) Click "Link" to link to a URL, or "Created Page" to link to an existing website builder page

 

Screenshot 25-10-2024 at 14.03

 

18) Add in the "Tab Name" field and link URL or created page

 

Screenshot 25-10-2024 at 14.04

 

19) Click "Publish" when you're ready to publish all changes

 

Screenshot 25-10-2024 at 14.05