Footer widgets in 5 columns

With the customizer options it’s possible to show up to 4 columns in the footer.

But it’s possible to add more columns with a bit of custom CSS and some configuration changes:

1. In Appearance > Menus move all footer widgets to the first footer column.

2. Go to Appearance > Customize > Footer > Footer Main > Widgets Columns and select 1 column.

3. In Appearance > Customize > Additional CSS paste the following code:

.footer-widgets .col-12 {
 display: flex;
 flex-wrap: wrap;
}
.footer-widgets .col-12 > * {
 flex: 0 0 100%;
 max-width: 100%;
 padding: 0 15px;
}
@media only screen and (min-width: 768px) {
 .footer-widgets .col-12 > * {
  flex: 0 0 20%;
  max-width: 20%;
 }
}
Code language: CSS (css)