Floating element no showing up in mobile

I have a floating element in the header of this site. I added to the left of the social icons in the Scribe theme. But in responsive view, when I switch to tablet and mobile, the vertical padding is huge, and the floating element with the phone number is missing.

How can I fix the padding in tablet and mobile view, and stop the floating element with the phone number from being hidden on these screen dimensions?