[Resolved] How to make a 100% width footer widget with Flexbox?

[Arp]

Do I have to use Elements instead?

[Leo]

Hi there,

Any chance you can link us to the site in question?

You can use the private information field.

Let me know 🙂

[Arp]

Sure.

[David]

Hi there,

try adding this to your current CSS:

/* Allow footer widgets to wrap */
.inside-footer-widgets {
    flex-wrap: wrap;
}
/* Add bottom margin to top full width widget */
.footer-widgets .footer-widget-1 {
    margin-bottom: 40px;
}
/* Set all other widgets to 33% to fill row */
.inside-footer-widgets div:not(:first-child) {
    flex-basis: 33%;
}

[Arp]

That worked – much appreciated!

[David]

You’re welcome

[Author]

Posts