Tak o to chodzi
dodajesz klasę do tego diva:
Kod HTML:
<div class="wf-columns wf-columns-stack-medium" data-wf-columns="1">
powiedzmy niech się nazywa .footer-grid

Kod:
.footer-grid {
display: grid;
}
@media (min-width: 800px) {
    .footer-grid {
         grid-template-columns: 1fr 1fr 1fr;   
   }
}
grid domyślnie zawsze jest 1fr więc dla urządzeń mobilnych nie ma sensu pisać reguły a wyłącznie dodanie liczby kolumn przy większych ekranach
800px jest jedynie wartością przykładową przy której nastąpi przełączenie na 3 kolumny. Nie znam prostszego sposobu. Jeżeli ktoś zna to chętnie się pouczę.