How to keep the phone number alongside social icons in mobile view?

Hi Guys,

I moved the phone number text: to the left of the icon as you an see here: https://www.evernote.com/shard/s77/sh/a133434b-7abe-4a2a-8b76-0377778a5d47/d01aa2fae8bae6ec0b199e5293745777

I used this code in quick css:

.phone-info {
padding-top: 62px;
margin-left: -20px;
}

.sub_menu { right: 12%; }

Works great, plan to adjust the size and might make it a button instead however when it is in mobile view it moves back up to the top or when the browser size adjusts a little smaller it begins to overlap. Here is an example of it moving back to the top in mobile view: https://www.evernote.com/shard/s77/sh/e30d04d7-fc65-4dc6-b748-c4645bbe6c8e/b9d7fe213a0d6b2c3f2647a86d41c583

I would prefer it remains alongside of the Social icons in the mobile view.