title: site only shows half screen on mobile? Rest of screen is just body background?
body: <p>Ok I have a big problem that I don't know how to get around, I have never encountered this before - half my site won't display on mobile. It is cut in half. I have to present this site in a week and haven't tested on mobile until now - I do not know what to do. Here it is:</p>
  
  <p><a href="https://i.stack.imgur.com/6AoZp.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/6AoZp.png" alt="enter image description here"></a></p>
  
  <p>I have a full size image as that top image, and the text from that is extending over, however I don't know what the problem is. I use a few media selector sin my CSS, but only to change various small things. </p>
  
  <p>I read up on setting <code>site-content</code> width in CSS - could this be the problem? </p>
  
  <p>Im desperate - how can I fix this?</p>