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.
- 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.
- In the new empty block type /shortcode and hit enter. This will create a shortcode block.
- 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] [/nav]
- 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