I have a weird overlap in the footer!

For some reason the site copyright is overlapping the social icons in the footer BUT only on mobile phone portrait mode (iphone SE). Any help?

It’s because in your custom code you’re setting an absolute position for the .social div so it’s container is losing its height. It fits fine on larger screens but not so much on smaller.
Add this please:

@media (max-width: 991px) { .social { position: static; } }

Ok. At least I was thinking along those lines/ Have I told you how great you are yet?