title: View full resolution on mobile device
body: <p>Ive been on multiple website where onload where the website is zoomed out to keep resolution and therefore stopping overlaps on the mobile page. </p>
  
  <p>Im not sure i am explaing my question correctly.  As i am a new member, i will add links to the differences.  </p>
  
  <p>I have tried some css3 media queries and some meta tags i have found online but nothing is working for me at the moment.</p>
  
  <p>Here is the link to my site:
  <a href="http://conorpendlebury.com/" rel="nofollow noreferrer">http://conorpendlebury.com/</a></p>
  
  <p>As you can see from the image below there is overlapping with the navigation bar which pushes the content too far giving a squished appearance.
  <a href="http://conorpendlebury.com/Images/Screenshot.png" rel="nofollow noreferrer">http://conorpendlebury.com/Images/Screenshot.png</a></p>