02. Navigation Menus
There are 3 navigation menu locations in the theme, the first one is Header and is the primary navigation area in the header, the second one is Subheader and is located just below the header, the third one is Footer and is located at the bottom of the footer.
Creating menus and applying them to the locations is standard WordPress usage and if you've used WordPress before you won't run into any issues. But if you're not quite familiar with WordPress and how navigation menus work, here are some resources to help you out:
- Official WordPress guide on navigation menus [ text ]
- Youtube video on how to use the navigation menus feature [ video ]
- How to add navigation menu in WordPress ( by wpbeginner.com ) [ text + images ]
There's one thing special to the theme when it comes to the navigation. The subheader navigation supports icons, as in the image below:
This is what it looks like in the admin panel:
So, as the navigation label you would put this before the text label:
<span class="fa fa-clock-o"></span>
The clock-o is the only part that changes for different icons. You can see all the icons and their IDs at fontawesome.io/icons. The icons we used on the demo are:
- clock-o
- star
- fire
- arrow-up