Menus
MegaMenu

The megamenu dropdown is used on the top level red main-menu only. The dropdown section to the main-menu is not displayed on tablet and mobile resolution.
The below drop down example code includes all currently available components in the right hand <aside> zone. If a different component is required, please submit an enquiry to a current style guide maintainer so it can be added into style guide if deemed appropriate.
The University of Adelaide has built a rich tradition of excellence to become a leader in Australian higher education and research. More Information
About the Uni
Library
Staff Directory
Phonebook
Find an Expert
Contact Us
Campus Maps
Campus Tours
<div class="c-main-menu__content">
  <div class="c-main-menu__content-intro">
    <span class="c-main-menu__content-intro__text">The University of Adelaide has built a rich tradition of excellence to become a leader in Australian higher education and research.</span>
    <a href="#0" class="c-main-menu__content-intro__info">More Information</a>
  </div>
  <div class="c-main-menu__content-first">
    <ul class="c-main-menu__content-list">
      <li><a href="#0" class="c-main-menu__content-list-link c-main-menu__content-top-item">About the Uni</a>
        <ul class="c-main-menu__content-list--sub">
          <li><a class="c-main-menu__content-list-link" href="#0">History</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Our Focus</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Vice-Chancellor &amp; President</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Vice-Chancellor's Blog</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Strategic Plan 2013-2023</a></li>
        </ul>
      </li>
    </ul>
  </div>
  <div class="c-main-menu__content-second">
    <ul class="c-main-menu__content-list">
      <li><a href="#0" class="c-main-menu__content-list-link c-main-menu__content-top-item">Library</a></li>
      <li><a class="c-main-menu__content-list-link" href="#0">Staff Directory</a></li>
      <li><a class="c-main-menu__content-list-link" href="#0">Phonebook</a></li>
      <li><a class="c-main-menu__content-list-link" href="#0">Find an Expert</a></li>
      <li><a class="c-main-menu__content-list-link" href="#0">Contact Us</a></li>
    </ul>
  </div>
  <div class="c-main-menu__content-third">
    <ul class="c-main-menu__content-list">
      <li><a href="#0" class="c-main-menu__content-list-link c-main-menu__content-top-item">Campus Maps</a>
        <ul class="c-main-menu__content-list--sub">
          <li><a class="c-main-menu__content-list-link" href="#0">North Terrace</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Roseworthy</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Waite</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Thebarton</a></li>
          <li><a class="c-main-menu__content-list-link" href="#0">Singapore</a></li>
        </ul>
      </li>
      <li><a class="c-main-menu__content-list-link" href="#0">Campus Tours</a></li>
    </ul>
  </div>
  <aside class="c-main-menu__content-aside">
    <div class="c-main-menu__content-aside-row">
      <nav class="c-main-menu-services-menu" role="navigation" aria-label="Services Menu">
        <ul class="c-main-menu-services-menu__list">
          <li class="c-main-menu-services-menu__row is-top">
            <a class="c-main-menu-services-menu__row-link" href="https://unified.adelaide.edu.au/c/portal/login">
              <p class="c-main-menu-services-menu__title u-pull-left">Unified</p>
              <button class="c-main-menu-services-menu__btn c-main-menu-btn c-main-menu-btn--danger u-pull-right">Log-in</button>
            </a>
          </li>
          <li class="c-main-menu-services-menu__row">
            <a class="c-main-menu-services-menu__row-link" href="https://access.adelaide.edu.au/">
              <span class="c-main-menu-services-menu__row-link-icon ua-icon-lock"><span class="u-hidden-text">Padlock icon</span></span>
              Access Adelaide
            </a>
          </li>
          <li class="c-main-menu-services-menu__row">
            <a class="c-main-menu-services-menu__row-link" href="https://apps.adelaide.edu.au/gmail/sign_up">
              <span class="c-main-menu-services-menu__row-link-icon ua-icon-mail"><span class="u-hidden-text">Mail icon</span></span>
              Mail
            </a>
          </li>
          <li class="c-main-menu-services-menu__row">
            <a class="c-main-menu-services-menu__row-link" href="https://myuni.adelaide.edu.au/webapps/login/">
              <span class="c-main-menu-services-menu__row-link-icon ua-icon-myuni"><span class="u-hidden-text">Graduate hat icon</span></span>
              Mail
            </a>
          </li>
          <li class="c-main-menu-services-menu__row">
            <a class="c-main-menu-services-menu__row-link" href="http://www.adelaide.edu.au/library/">
              <span class="c-main-menu-services-menu__row-link-icon ua-icon-library"><span class="u-hidden-text">Library icon</span></span>
              Library
            </a>
          </li>
          <li class="c-main-menu-services-menu__row">
            <a class="c-main-menu-services-menu__row-link" href="https://adapt.adelaide.edu.au/">
              <span class="c-main-menu-services-menu__row-link-icon ua-icon-adapt"><span class="u-hidden-text">Adapt arrow icon</span></span>
              ADAPT
            </a>
          </li>
        </ul>
      </nav>
    </div>
    <div class="c-main-menu__content-aside-row">
      <div class="c-main-menu-pod">
        <a href="#0" title="Strategic Plan 2013-2023" class="c-main-menu-pod__link">
          <h3 class="c-main-menu__pod-title c-main-menu-pod__title">Strategic Plan 2013-2023</h3>
          <div class="c-main-menu-pod__content">
            <img src="/kss-assets/images/placeholder/600x392.jpg" alt="">
            <span class="c-main-menu-btn--more" aria-hidden="true">More</span>
          </div>
        </a>
      </div>
    </div>
    <div class="c-main-menu__content-aside-row">
      <div class="c-main-menu-pod">
        <a href="#0" title="Quality learning &amp; teaching" class="c-main-menu-pod__link">
          <h3 class="c-main-menu__pod-title c-main-menu-pod__title">Quality learning &amp; teaching</h3>
          <div class="c-main-menu-pod__content">
            <img src="/kss-assets/images/placeholder/230x72.jpg" alt="Image alt text">
            <span class="c-main-menu-btn--more" aria-hidden="true">More</span>
          </div>
        </a>
      </div>
    </div>
    <div class="c-main-menu__content-aside-row">
      <a class="c-main-menu-btn c-main-menu-btn--warning c-main-menu-btn--thumb c-main-menu-btn--icon c-main-menu-btn--two-line c-main-menu-btn--block" href="http://www.adelaide.edu.au/enquiries/">
        <div class="c-main-menu-btn__image">
          <span class="c-main-menu-btn__image-icon ua-icon-speech-bubble-question-mark"></span>
        </div>
        <div class="c-main-menu-btn__content">
          <span class="c-main-menu-btn__title">ASK ADELAIDE</span>
          <span class="c-main-menu-btn__caption">Answers to your questions</span>
        </div>
      </a>
    </div>
    <div class="c-main-menu__content-aside-row">
      <a class="c-main-menu-btn c-main-menu-btn--dark c-main-menu-btn--thumb c-main-menu-btn--icon c-main-menu-btn--block" href="http://www.adelaide.edu.au/degree-finder/">
        <div class="c-main-menu-btn__image">
          <span class="c-main-menu-btn__image-icon ua-icon-arrow-right"></span>
        </div>
        <div class="c-main-menu-btn__content">
          Degree Finder
        </div>
      </a>
    </div>
  </aside>
</div>