title: How can i display popup window
body: <p>We want to have live chat on our website to help users. So we need to have a popup window located on the first page. By clicking on it a window should appear for chatting. </p>
  
  <p>The problem is that when scrolling through the main page the popup window goes under the boxes of the main page. You can see it here:</p>
  
  <p><a href="https://i.stack.imgur.com/QugPo.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/QugPo.png" alt="enter image description here"></a></p>
  
  <p>and this is my code :</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;!-- mibew button --&gt;
  &lt;a id="mibew-agent-button" style="left: 2.5%; bottom: 2.5%; position: fixed;" onclick="Mibew.Objects.ChatPopups['5b1cbf2d5cf9dd0c'].open();return false;" href="/mibew/index.php/chat?locale=en" target="_blank"&gt;
    &lt;img alt="" src="/mibew/index.php/b?i=mibew&amp;amp;lang=en" border="0"&gt;
  &lt;/a&gt;
  &lt;script src="/mibew/js/compiled/chat_popup.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    Mibew.ChatPopup.init({
      "id": "5b1cbf2d5cf9dd0c",
  
      "url": "\/mibew\/index.php\/chat?locale=en",
      "preferIFrame": true,
      "modSecurity": false,
      "forceSecure": false,
      "width": 640,
      "height": 480,
      "resizable": true,
      "styleLoader": "\/mibew\/index.php\/chat\/style\/popup"
    });
  &lt;/script&gt;
  &lt;!-- / mibew button --&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>I think we must add an HTML property inline <code>"style="left: 2.5%; bottom: 2.5%; position: fixed;"</code> but I'm not sure.</p>
  
  <p>Could you help me fix this?</p>