Note: We do not provide support for custom code or scripts.
1. In your Footer settings, make sure that your social icons are all in one section. In this section, add the class name "footer-social".
2. Now paste following CSS in Customize > Advanced > Custom CSS:
@media screen and (max-width: 767px) {
.footer-social .column {
width: auto !important;
max-width: none !important;
flex-grow: 1 !important;
flex-shrink: 1 !important;
flex-basis: auto !important;
}
.footer-social .row {
flex-wrap: nowrap !important;
}