title: Zurb foundation: ads being cut off
body: <p>I have a fairly typical layout create in Zurb Foundation 3.  Here is a row, eight columns for the left (containing an Orbit slider) and then 4 columns for the ad on the right ("fluke" ad) and the box below the ad, which works fine on Desktop:</p>
  
  <p><img src="https://i.stack.imgur.com/J1Ehs.png" alt="desktop"></p>
  
  <p>The issue is when I go to iPad width and the grid re-sizes.  The right edge of the ad is cut off, as in the next image (appliances ad). This is due to the ads being served in iframes. How can I prevent this?</p>
  
  <p><img src="https://i.stack.imgur.com/UCeko.png" alt="ipad"></p>
  
  <p>I have tried setting a wrapping div on the ad to min-width 300px (ad is 300px). I had tried just setting width to 300px, which holds the ad size but then the 8-column block on the right does not reduce to allow the ad to fit.</p>