title: Put an modal div over fixed navbar
body: <p>I have fixed navbar in my webpage.Now I have input box which when focused open a list of suggestion in a dialog.Now the problem I am facing is that dialog box is under the navbar and I want it to be over the navbar.</p>
  
  <p>Dialog box css </p>
  
  <pre><code>.search-overlay-container {
      position: static;
      border-bottom-right-radius: 20px;
      border-bottom-left-radius: 20px;
      width: 340px;
      box-shadow: 0 0 0px;
      padding: 0px;
      background-color: #343031;
      overflow: auto;
      margin-top: -79px;
      min-height: 475px;
      max-height: 475px;
  }
  </code></pre>
  
  <p>fixed navbar</p>
  
  <pre><code>position: fixed;
      right: 0;
      left: 0;
      z-index: 1030;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
  }
  </code></pre>