That CSS only applies to Navigation Menu widgets, which is why it doesn’t effect your social icons. It also only works if there is enough room for the items to be placed inline – which is why footer widget 2 doesn’t work.
You need to fix the social icons first.
First you need to remove the Title from the first icon.
Then Add a new HTML Widget to Footer Widtget one. Give it the ‘Follow’ Title. And add a HTML Comment inside its content eg. <!-- Follow -->
Let me know once thats done and ill take a look at the CSS required to align them all if possible