Footer

The Material WordPress footer consists of 3 responsive rows. The upper and lower row can hold up to 2 widget areas while the middle one can have up to 4.

Anatomy

  1. Footer container
  2. Footer top container
  3. Footer middle container
  4. Footer bottom container
  5. Footer widget area – position Top-Left
  6. Footer widget area – position Top-Right
  7. Footer widget area – position Footer 1
  8. Footer widget area – position Footer 2
  9. Footer widget area – position Footer 3
  10. Footer widget area – position Footer 4
  11. Footer widget area – position Bottom-Left
  12. Footer widget area – position Bottom-Right

Only those widget areas filled with content take up the available space. If only one widget area is used per row, it will take up the full width of that row.

Customization

Maximum width

The maximum width of each footer row can be limited in the WordPress customizer (WordPress Admin >> Appearance >> Customize >> Theme Settings >> Footer.