Show Messages Toggle Outside Header

Share this resource

Share on facebook
Share on twitter
Share on linkedin
Share on email
Share on facebook
Submitted by: Donald McGuinn

Place this code in an HTML Elementor widget in order to show the messages toggle popup anywhere on your site.

<div class="messaging-center inbox-header-icon" style="margin-left: 0px;">
  <a href="#" id="messages-modal-toggle" class="icon-btn" data-toggle="modal" data-target="#ml-messages-modal">
    <i class="material-icons" style="color: black;">inbox</i>
      <div class="chat-counter-container" id="ml-chat-activities"></div>
	</a>
</div>