University header

Top level header with the University brand which links to the homepage and links to role-specific information.


  • University brand (link)
  • Staff (link)
  • Current students (link)


Sits at the top of the page above the University navigation bar.

Implementation notes

At the mobile breakpoint range (0 - 641px) the University header is removed from the top of the page and appended to the University navigation bar.

<!-- GLOBAL COMPONENT: University header -->
<header class="university-header">
    <div class="row column">
        <div class="university-header-flex">
            <div class="brand">
                <a href="/" class="logo">University of Bath</a>
            <nav class="role-nav">
                <ul aria-label="Role navigation">
                    <li><a href="">Staff</a></li>
                    <li><a href="">Students</a></li>
                    <li><a href="">Alumni</a></li>
<!-- End global component: University header -->
  • Handle: @university-header
  • Preview:
  • Filesystem Path: components/ingredients/university-ingredients/university-header/university-header.hbs