Additional Navigation

Apr 29, 2020

1. Go to: Site administration → Appearance →Themes → space
2. Open Custom Nav tab

Example

Custom Navigation

<ul class="c-custom-nav-container">
      <li><a href="#"><i class="fas fa-box-open"></i><span class="nav-label">Courses list</span></a></li>
      <li><a href="#"><i class="fas fa-flag-checkered"></i><span class="nav-label">Courses list</span></a></li>
      <li><a href="#"><i class="fab fa-slack"></i><span class="nav-label">Courses list</span></a></li>
      <li><a href="#"><i class="far fa-calendar-alt"></i><span class="nav-label">Courses list</span></a></li>
</ul>

---

Additional, smaller links.

Custom Navigation - HTML

<h4 class="c-custom-nav-extra-title">External resources <i class="fas fa-external-link-square-alt"></i></h4>
<ul class="c-custom-nav-extra-container">
        <li><a href="#"><span class="nav-label">Get this theme</span></a></li>
        <li><a href="#"><span class="nav-label">Get this theme</span></a></li>
        <li><a href="#"><span class="nav-label">Get this theme</span></a></li>
</ul>

---

← Previous

Top Navigation

Custom top navigation.

Next →

Custom text

Custom, optional text on the top bar.