Footer mobile options

Description

Footer content can be displayed two ways on mobile.

Mobile options

  • Default - Stacked content
  • Dropdown mobile
    • Title visibillity options
      • Titles: Default - Show on desktop
      • Titles: Hide on desktop

Footer grid: col 6 6(6 6) - Stacked content

Footer grid: col 6 6(6 6) - Dropdown mobile

Footer grid: col 3 offset-1 4 4 - Stacked content

Footer grid: col 3 offset-1 4 4 - Dropdown mobile

Footer grid: col 3 3 6 - Stacked content

Footer grid: col 3 3 6 - Dropdown mobile

Footer grid: col 3 3 3 3 - Stacked content

Footer grid: col 3 3 3 3 - Dropdown mobile

Footer grid: col 4 4 4 - Stacked content

Footer grid: col 4 4 4 - Dropdown mobile

Titles: Hide on desktop

Global styles

  • Roboto
  • Verdana
  • MaxLF-Regular
  • Open Sans
  • Georgia
  • Arial
  • Exo2
  • IBMPlexMono
  • Playfair Display
  • Fira Sans
  • Montserrat
  • Metropolis
  • Barlow
  • Poppins
  • Ice Cream Slant
  • ID00 Sans
  • ID00 Serif
  • Merriweather
  • Rubik
  • Alverata
  • Resolve
  • Resolve Nrw
  • DM Sans
  • Raleway
  • Bricolage Grotesque
  • Sora
  • Tropiline
  • Caveat
  • Flama
  • Inter
  • Lato
  • Mynerve

  • Inherits sizing from article body

  • Inherits sizing from H3

  • Small text transform

Component styles

  • Footer padding