Additional Navigation

Top Bar

  1. Go to: Site administration → Appearance →Themes → alpha
  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>

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>

Top Navigation
Search bar