Intended Audience:

TERMINALFOUR WEB MAINTAINERS, END-USER MODERATORS, PRIMARY WEB COORDINATORS, and VERSION 3 TEMPLATE USERS WHO HAVE A HAMBURGER MENU

TIP: Link Sections allow you to create sections that contain no content, but merely link to another location (e.g., other pages, sites, or applications).

Explanation:

Link Sections allow you to make landing page content visible on hamburger flyout menus. Without a link section – the landing page content would be hidden since clicking the main level link triggers the flyout menu.

Creating Link Sections

Link sections are links that point to another section or external website link. They are useful for hamburger menus.

Adding a Flyout to Your Hamburger Menu

After the main level topic is clicked, the secondary menu will have a flyout submenu. Be aware that nesting causes the information on the main topic page to become invisible. In the example below, the information on the 4H page cannot be viewed once it is clicked.

After 4H is clicked, 4-H Clubs is the only visible page link.

In the T4 site structure, 4-H Clubs is the only nested page that can show up in the hamburger flyout menu.

The 4H page information needs to be accessible from the hamburger flyout menu. To do this, we need to make a link section.

Creating a Link Section While Linking to a T4 Section

Start at the site structure. To get to the site structure, click the TerminalFour logo in the top left corner.
Go to the parent section where you need the link section to appear. We will use 4-H in this example.

4-H > Blue Actions menu (to the right of 4-H).
Create Section

To get a link section to show up in the hamburger menu, the following steps must be done IN THIS ORDER:

Name the section.
Make sure the “show in navigation” checkbox is checked.
THEN check the “Mark as link section” checkbox (if you do this out of order, you will not be able to get back to the original create section screen to check “show in navigation” to get the link to show up in the hamburger menu).
Once Mark as link section is checked the screen will immediately change to look like this:
Click the Details tab
Select the Section radio button to point to an internal page or external link to point to another website. In this case, the 4-H section needs to be selected so “Section” will be chosen.

When the Select section pop up appears, click on the name of the section that you would like to link to… in this case 4H will be chosen.
The 4-H section is now selected. Click the blue “save changes” button in the bottom right corner

The link section is now visible under the 4-H parent section. Notice that there is a chain-link icon next to the 4H link section to indicate that the link goes to an internal site page.

If we preview the 4H section (blue actions menu > preview next to 4H) and click the hamburger menu > 4H, the link section is now visible in the secondary flyout menu.

Reordering Page Sections

Since the 4H landing overview page needs to be at the top, the menu order needs to be changed. To reorder the nested sections and link sections, we need to go back to the site structure.

Click on the parent section name, 4H (or blue actions > Edit section next to 4H).
Click on the More tab
Child Sections
Click on the crosshairs to the left of the section to be moved, and drag the section up or down without releasing your mouse until the section is in the correct position. When you are finished, click the blue save changes button in the bottom right corner.

For this example 4H will be moved UP before save changes is selected.

In the site structure, 4H is now above 4-H Clubs.

If we preview the 4H page (blue actions menu > preview) and click 4H in the hamburger menu, we will now see the 4H link section is above 4H Clubs in the menu.

Adding an External Link – Link Section

External links can be added to the hamburger menu as well. For this example, a Florida 4-H External site link section will be created.
In the site structure, next to 4H, click the blue actions menu > Create Section

To get the new link section to show up in the hamburger menu, the steps below need to be done IN THIS ORDER:

Name the section.
Make sure the “show in navigation” checkbox is checked.
THEN check the “Mark as link section” checkbox (if you do this out of order, you will not be able to get back to the original create section screen to check “show in navigation” to get the link to show up in the hamburger menu).

Once Mark as link section is checked the screen will immediately change to look like this:

Click the Details tab

Make sure the External URL radio button is selected.
Add the website link http or https:// of the external website and in the Link URL box.
Tip: we suggest copying the Link URL from a web browser to avoid typos in the site link.
Click Save changes in the bottom right-hand corner.
Go back to the site structure and you will see the newly created link section.
Notice the icon next to the Florida 4-H shows an external site icon.