Website design guidelines

Header and footer

Responsive header


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


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


  • '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