title: Any workaround on Instagram in-app browser cropping?
body: <p>Instagram released (at some point this year) an update on their in-app browser (webview) that at least in iOS, breaks most sites.</p>
  
  <p>The attached image is the website opened after clicking the "Learn more" on an Ad, but has the same behavior also on Profile Bio links.</p>
  
  <p>The problem? It seems the top bar is an overlay on the website, making most navigations for mobile (hamburger icon on top left corner) unusable/unclickable and/or hidden.</p>
  
  <p>The <code>innerHeight</code> is the same as <code>screen.height</code>. As answered at <a href="https://stackoverflow.com/questions/40926277/how-to-adjust-html-css-layout-for-instagram-in-app-browser/45697862">How to adjust html/css layout for instagram in-app browser?</a> we can sniff the user agent of the webview.</p>
  
  <p><a href="https://i.stack.imgur.com/t8JkW.jpg" rel="noreferrer"><img src="https://i.stack.imgur.com/t8JkW.jpg" alt="SXSW website via Instagram Ads click"></a></p>
  
  <p>Unsure if they will fix it at some point, but seems that any padding-top kind of solution would break if they do.</p>