title: Fixed Navbar is hidden behind browser's address bar on Chrome mobile
body: <p>I've just started working on a project and have noticed that when testing it in Chrome on mobile iOS, there seems to be an issue with my fixed navbar. What's frustrating is that at first I thought it maybe a bug in the browser but having checked past projects, they seem to have no issues with the fixed property and are behaving as you would expect.</p>
  <p>What seems to be happening is that the fixed navbar is being tucked beneath the browsers address bar when you begin to scroll down. I have attached an image to hopefully explain what I mean.</p>
  <p>I then thought that it may be a conflict with a script or stylesheet so I have stripped my template to the bare bones and it still seems to be behaving the same.</p>
  <p>Has anybody encounted this. Is there a problem with my meta tags. I have tried different options and it still seems to be doing the same thing. Any help much appreciated.</p>
  <p>My stripped down code is:</p>
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html lang=&quot;en&quot;&gt;
  
  &lt;head&gt;
    &lt;meta charset=&quot;utf-8&quot; /&gt;
    &lt;!-- mobile settings --&gt;
    &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, maximum-scale=2, initial-scale=1&quot; /&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;div id=&quot;wrapper&quot;&gt;
      &lt;div style=&quot;background: red; position:fixed;
  top: 0;
  left:0;
  width:100%;
  z-index: 1030; height: 80px;&quot;&gt;
  &lt;/div&gt; &lt;main class=&quot;main-content&quot;&gt;
    &lt;div style=&quot;height: 1950px;&quot;&gt;&lt;/div&gt;
  
  
  
  &lt;/main&gt;
    &lt;/div&gt;&lt;!-- /wrapper --&gt;
  
  &lt;/body&gt;
  
  &lt;/html&gt;
  </code></pre>
  <p><a href="https://i.stack.imgur.com/5HfC3.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/5HfC3.jpg" alt="enter image description here" /></a></p>
  <p>The red navbar is twice the height that you see in the attached image. The top half has started tuck benath the browsers address bar.</p>