title: Prevent iPad mobile Safari from cutting off content via CSS
body: <p>Having an issue where the iPad cuts off content.</p>
  
  <p>While the width exceeds the iPad resolution, I don't understand why it just doesn't add horizontal scrolling as opposed to the cut off. </p>
  
  <p>Any insights as to how to best adapt for this would be greatly appreciated.</p>
  
  <p>The site is <a href="http://www.feelbadforme.com" rel="nofollow noreferrer">here</a>  and a screenshot is attached.</p>
  
  <p>This is probably the part of the code at issue:</p>
  
  <pre><code>#wrapper {
  position:relative;
  width: 1180px;
  margin: 0 auto;
  }
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/hlt2U.jpg" alt="iPad acreenshot"></p>