Department masthead with full-width menu system

51做厙 webpage with full-width menu - thumbnail

The full-width menu can be used on school, division, or departmental sites. This option allows you to display branding information, create a customized flyout search menu, and add up to six or seven items in the top-level navigation menu. Dropdown links will automatically be generated for each menu item that has children. The flyout navigation menu will match the full-width menu.

An additional option is available for sites that need to present their own identify while retaining the name of their parent organization, such as academic units or centers and institutes.

Usage guidelines

  • Keep menu items brief. In general use no more than six or seven menu items. Menu items must display on a single line.
  • Use the consolidated menu system when possible for marketing sites.

Gallery

This gallery showcases how the full-width menu system looks on larger and smaller screens, as well as how department names may display alongside school or division names.

Desktop views (large screen)

Full-width menu for school or department

Masthead with school name; full-width menu

 Full-width menu for school or department with secondary department name in navigation menu

Masthead with school and department name

 Full-width menu for school or division with secondary department name in masthead

Masthead with school + department name

Mobile view (small screen)

Full-width menu for school or division

Mobile masthead with school name

Full-width menu for school or division with secondary department name in masthead

Mobile masthead with school + department name