A relative positioned txt div is busting out of place on a narrow monitor. How to solve?

Hi All,

I have had to place a relatively positioned txt div into the header php file of my site. But when the client opens the page on his narrow (square) monitor he sees (image attached) the header txt is busting out of place. How do i solve this please? It should be to the left of the logo.

Notice also the social links in the footer budge out of line also?



Link to image of problem:


Many thanks in advance.