1. Home
  2. Help Center
  3. Customization
  4. 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)

Was this article helpful?

Related Articles