How to Remove Title of CTA Button in Mobile Browser?

  • Updated

You can follow up this steps:

  1. Copy the widget code in the Code Snippet, then paste it on your website.
  2. Add the CSS style like here.
    //ADD CSS STYLE TO REMOVE TITLE OF CTA BUTTON IN MOBILE BROWSER
    <style>
    @media (max-width:600px) {
    .qcw-trigger-btn div { display: none; }
    }
    </style>

    <script>
    document.addEventListener('DOMContentLoaded', function() {
    var s,t; s = document.createElement('script'); s.type = 'text/javascript';
    s.src = 'https://s3-ap-southeast-1.amazonaws.com/qiscus-sdk/public/qismo/qismo-v2.js'; s.async = true;
    s.onload = s.onreadystatechange = function() { new Qismo("your-app-id"); }
    t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
    });
    </script>
  3. The following is an example if the widget is accessed from the browser.
    Screen_Shot_2019-06-26_at_3.07.28_PM.png
  4. If the widget is accessed from the mobile browser, title of CTA Button is hidden.
    Screen_Shot_2019-06-26_at_3.07.14_PM.png

That's all.

Was this article helpful?

Comments

0 comments

Please sign in to leave a comment.