title: Website is displaying a white space on right side of screen in iPhone
body: <p>I am having a problem on <a href="http://eiglaw.com" rel="nofollow noreferrer">http://eiglaw.com</a> -- an approximately 25px wide white space/border is showing on the right side of the screen on iPhone. I researched the problem on stackoverflow and these posts are relevant but when I tried the various solutions offered I have not been able to fix the problem:</p>
  
  <p><a href="https://stackoverflow.com/questions/8004707/responsive-website-on-iphone-unwanted-white-space-on-rotate-from-landscape-to">Responsive website on iPhone - unwanted white space on rotate from landscape to portrait</a></p>
  
  <p><a href="https://stackoverflow.com/questions/5804441/website-body-background-rendering-a-right-white-margin-in-iphone-safari">Website body background rendering a right white margin in iPhone Safari</a></p>
  
  <p><a href="https://stackoverflow.com/questions/15184160/white-space-on-right-side-of-header-on-zoom">White space on right side of header on zoom</a></p>
  
  <p>I had a similar problem on iPad but was able to fix it with this media query:</p>
  
  <pre><code>@media only screen 
  and (min-device-width : 768px) 
  and (max-device-width : 1024px) 
  /*and (orientation : landscape)*/ {
  html,
  body {
  width:1000px; 
  }
  }
  </code></pre>
  
  <p>I have tried various media queries targeting the html and body elements with no luck. I have looked through the entire CSS file for problems with background images, margins, padding, overflows, etc., but am really stumped. Does anyone out there have any suggestions?</p>
  
  <p>Many thanks!</p>