Lower footer

All websites that use Croydon Council branding should include this 'Lower footer' as a minimum

For an advanced footer with contact details and additional links see the 'Upper footer' (page coming soon).

All breakpoints

  • Logo Width = 140px
  • Navigation font size = 1rem (16px)
  • Copyright font size = 1rem (16px)
  • Footer background colour = #ededed

320px - 768px breakpoint

  • All elements stack vertically and left aligned
  • Navigation links stack vertically
  • Vertical space between elements (Logo, navigation and copyright text) = 30px
  • Space above logo = 30px
  • Space below copyright text = 30px
Image
Footer 320

768px - 992px breakpoint

  • All elements stack vertically and left aligned
  • Navigation links align horizontally
  • Vertical space between elements (Logo, navigation and copyright text) = 30px
  • Space above logo = 30px
  • Space below copyright text = 30px
Image
Footer 768 - 992

992px breakpoint and above

  • All elements align horizontally
  • Maximum space between logo and navigation = 60px
  • Navigation links align horizontally
  • Space above and below logo = 25px
Image
Footer 992 plus

You can visit croydon.gov.uk to see the implemented footer.