Centre Footer

Hey ballindigital,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

@media only screen and (max-width: 767px) {
.responsive #top #wrap_all #footer .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 90%;
	max-width: 90%;
}

.responsive #top #wrap_all #footer .flex_column.av_one_third:first-child {
    width: calc(50%);
    clear: none; 
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:first-child .widgettitle {
	width: 98%;
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) .widgettitle {
	width: 100%;
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) #menu-item-1422 a {
	padding-right: 0;
}
.responsive #top #wrap_all #footer .flex_column.av_one_third:nth-child(2) {
    text-align: right;
    width: calc(50%);
}

.responsive #top #wrap_all #footer .flex_column.av_one_third:last-child {
    width: 100%;
    text-align: center;
}
.wpcf7 .wpcf7-spinner {
	display: none;
}
}

Please ensure to copy the code from the forum and not an email notification so the symbols are not converted.
After applying the css, please clear your browser cache and check.

Best regards,
Mike

Hi,

Thank you for the update.

Please try to add this code inside the css media query that we provided above.

#footer .flex_column .widget {
    text-align: center;
}

Best regards,
Ismael

Hi,
Please remove the css I posted and only use the css Ismael posted.
Stacked on top of each other for mobile is the default behavior.

Best regards,
Mike