Mobile footer stacking verticallly

Site URL: https://www.when-podcast.com/

Hi, in desktop view my 3 icons in the footer sit side by side horizontally, when I switch to mobile view they stack vertically and become huge, is there a way to stop this happening and keep them three in a row? Thanks!

What is access password?

thanks for your response, the site should be public?

Sorry I understand , access password is ciara

Add to Home > Design > Custom CSS

div#page-section-5f0338212005f03d23e115a4>.row>.col {
    width: 33.33% !important;
    float: left !important;
}

Deadly, thank you!

Hi, I had to change the footer on my site and now the piece of code you gave me is no longer working. 

Would it be possible for you to update it?

Thank you!

19 hours ago, ciarar said:

Hi, I had to change the footer on my site and now the piece of code you gave me is no longer working. 

Would it be possible for you to update it?

Thank you!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#page-section-5f4d0099af5488518060abea .span-12 .span-4 {
    width: 33.33% !important;
    float: left !important;
}
}

@media only screen and (max-width:650px){.Footer-inner { 
  padding: 65px;
  }}

worked for me