title: Facebook customer chat plugin override on top of website
body: <p>My website has <strong>Facebook Customer Chat Plugin</strong> from <a href="https://developers.facebook.com/docs/messenger-platform/discovery/customer-chat-plugin" rel="nofollow noreferrer">this guide</a> for 2 months.</p>
  
  <p>But today, it override my website element instead stand behind or display:none.</p>
  
  <p>I think, facebook is trying to add some effect to their facebook chat, and they are using <strong>opacity: 0;</strong> instead of <strong>display: none;</strong>. This makes our customers unable to click on website's elements.</p>
  
  <p>So what can I do with this now. I've removed it temporarily.</p>
  
  <p><a href="https://i.stack.imgur.com/xk8T6.png" rel="nofollow noreferrer">Can not click behind facebook, this is preview</a></p>
  
  <p>Here is the demo link : <a href="https://laptop8x.com/" rel="nofollow noreferrer">https://laptop8x.com/</a></p>