Please go to ‘Appearance > Customize > Additional CSS’ and paste the below Custom CSS code.
@media (min-width: 992px) {
.site-footer .widget-area .col-lg-3:not(:first-child) {
-ms-flex: 0 0 33.33%;
flex: 0 0 33.33%;
max-width: 33.33%;
}
}
@media (min-width: 768px) {
.site-footer .widget-area .col-lg-3:first-child {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
}
The above code will make the first column to full width and other 3 columns are made to 33.33% which will be equally fit down to full width to show other widgets as well.
Thanks