title: Body Not Displaying Full Width on Mobile Device
body: <p>I have a custom wordpress theme and I've been trying to debug this issue for days but can't figure it out. Would greatly appreciate your guys help!</p>
  
  <p>On mobile devices - portrait view, the body isn't full width. On desktop browsers it works fine, even when you reduce the browser width to the same size as a mobile device. </p>
  
  <p>Screenshot from my iphone - </p>
  
  <p><strong>Mobile screenshot</strong></p>
  
  <p><a href="https://i.stack.imgur.com/OOHxN.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/OOHxN.png" alt="enter image description here"></a></p>
  
  <p>I already have this tag in the head - </p>
  
  <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"&gt;
  </code></pre>
  
  <p>My site - <a href="http://laxgoalierat.com" rel="nofollow noreferrer">laxgoalierat.com</a> </p>
  
  <p>Edit: As you see the page initially loads on the mobile device with full width however then it adjusts to what is seen in the screenshot.</p>
  
  <p>I've tried playing around with the body CSS. Making body position:fixed makes it expand the full width however then I cannot scroll up and down :(</p>
  
  <p>I'm out of other ideas. Let me know if providing any other details would help. </p>
  
  <p>Thanks in advance, Damon</p>