Skip navigation
Search
Search

Not sure what to do?

Browse subjects, locations and universities

Popular topics

Popular subjects

Audience navigation bar

A tabbed bar which appears above the meganav for providers and advisers (not students or anonymous users).

This bar should be the inverse colour of the meganav. E.g. The white version above the black meganav.

For use above the default white meganav

<!-- START audience-nav-bar component -->
<nav class="audience-nav">
  <ul class="audience-nav__links">
    <li class="audience-nav-link">
      <a href="#" class="audience-nav-link__link">Provider</a>
    </li>
    <li class="audience-nav-link">
      <a href="#" class="audience-nav-link__link" aria-current="page">Adviser</a>
    </li>
    <li class="audience-nav-link">
      <a href="#" class="audience-nav-link__link">UCAS staff</a>
    </li>
    <li class="audience-nav-link">
      <a href="#" class="audience-nav-link__link">Students</a>
    </li>
  </ul>
</nav>
<!-- END audience-nav-bar -->

For use above the dark themed meganav

Code as above with the addition of the class audience-nav--for-dark-theme to the nav element.