Skip to main content

Submenu Example: Horizontal Menu Links

Text links at the top of each page (like those above) can serve as a simple, unobtrusive navigation on pages with related content.

Best for: linking to 4 or 5 pages with substantial content on each page, no HTML knowledge required.

Cons: you must insert and update the links on each page individually.

Adding Horizontal Menu Links to Your Page

To add a navigation-like list of text links to your page, follow the instructions below.

  1. Create a blank line where you can paste in the code from below.
    The easiest way to do this is to go to the title of your page and hit enter/return.
  2. In the new empty block type /shortcode and hit enter. This will create a shortcode block.
  3. Copy the code from below.
[nav type="pills nav-justified"]

[nav-item link="#"] Link Item 1 [/nav-item]

[nav-item link="#"] Link Item 2 [/nav-item]

[nav-item link="#"] Link Item 3 [/nav-item]

[nav-item link="#"] Link Item 4 [/nav-item]

  1. Paste the code in the shortcode block.

You should now have one shortcode block with nav items pre-populated. Replace the “Link Item 1” text with the titles of the pages you wish to link to.
Replace the # with the URL of the page you want to link to.

Last updated: 4/9/2020