Navigation & Breadcrumbs

  1. Theme Documentation
  2. Navigation & Breadcrumbs

This feature works on all page types.

Table of Contents

Terms

nav - Your site's main navigation (a.k.a. Menu or Top Nav)

subnav - Your site's secondary navigation which displays above the top nav

 

Hide All Navigations

Add the following tag to a page if you want to hide the top nav and subnav.

layout_no_nav

 

Display Top Nav Below Hero Image

Add the following tag to a page to display your top nav below the hero image.

layout_bottom_nav

 

Transparent Navigation Menu

Add the following tag to the page:

layout_fade_nav

 

If your hero image and your top nav are the same colours (i.e. white on white) use this tag instead:

layout_fade_nav_shadow

Transparent Navigation Tutorial

 

Logged-out Content

Add the following tag to a page to only display it to a visitor who is not logged in. (i.e. Login button)

nav_guest

 

Logged-in Content

Add the following tag to a page to only display it to a visitor who is logged in. (i.e. Logout button)

nav_logged

 

Open Link in New Tab

Add the following tag to open a top nav link in a new tab/window

nav_new_tab

 

Right-align Your Navigation

By default your top nav is left-aligned. Add the following tag to your home page to change your top nav to right-aligned.

layout_nav_right

 

Display on the Left or Right

Add the following tag to a page to display the link to the page on the right or left of your top nav. This requires you to also check "include in top nav.

nav_right

nav_left

 

Add a Page to the Subnav

Add the following tag to a page to display it in the subnav. This is ideal for login/out links.

nav_subnav

 

Micro-Site Navigation

Give your nav a name. This will be represented below with "slug" and for the purposes of illustration, we will call our example "microsite".

Next, add the following tag to the pages that you want in the nav and replace "slug" with the name of your nav menu:

slug_nav

i.e. microsite_nav

Then, add the following tag to all of the pages that you want the nav to show up on (this will replace your site's top nav on these specific pages):

nav tag: slug_nav

i.e. nav tag: microsite_nav

 

Breadcrumbs

If your site is setup to not display breadcrumbs by default, add this tag to show breadcrumbs on a specific page:

layout_breadcrumbs

 

If your site is setup to display breadcrumbs by default, add this tag to hide breadcrumbs on a specific page:

layout_no_breadcrumbs

 

Exclude a specific page from displaying in the breadcrumbs:

breadcrumbs_exclude

 

To add a breadcrumb to a page and specify which page the breadcrumb should link to add this tag:

back: page_slug

 

Footer Navigation Links

To add a page to your footer navigation add one of the following tags based on which column grouping you'd like the page to appear in:

footer_col1

footer_col2

footer_col3

footer_col4

 

Note: The page order is based on the date the page is published.