Responsive Menu Displays Poorly and Social Media Icons are Gone!

My site's main menu is displaying really awfully on mobile platforms.
You will simply have to use it to understand (mobile - 310px is the worst case).

I cannot get the drop down to align with text and once it's open, it moves to a different spot on the page.

Also in my main menu, the social media icons have disappeared. I can still hover over the location where the container is and I can still click and redirect.

All help is appreciated.