Website design guidelines

Header and footer

Responsive header

992px+

New message , Services menu , My account and Search bar are all contained in the header.

768px+

The 'New message' text is shortened and positioned below the header to the right of the breadcrumb.

320px+

  • 'Services menu' and 'Search' are moved together inside the mobile menu
  • 'My account' text has been shortened to become 'Log in'
  • The 'Breadcrumb' links below the header become abbreviated to a single 'home' link.

320px wide example