I have been trying to give a site tour using introJs()

my first element is a fixed div. when i scroll, highlight box is not coming down and is somewhere else

Need is that highlight box should always be with the fixed div . I m nt able to figure out how to use onchange or onbeforechange because that is the first step in my tour. I tried to set scrollToElement True but still i m not getting the desired effect. Somebody please tell me how to make the highlight box always point the fixed div which always stays on the left.

THis is the code snippet:

<script type="text/javascript">
    $(document).ready(function () {
        if (mq.matches) {
            var intro = introJs();
            intro.setOptions({
                steps: [
                  {
                      element: '#sidebar',
                      intro: "Hi {{ username }}! Check and edit your shop settings from here.",
                      position: 'right',
                      highlightClass: 'posFix'
                  },
                  {
                      element: '#card_orders',
                      intro: "Checkout your daily orders and revenue",
                      position: 'left'
                  },
                  {
                      element: '#card_visitors',
                      intro: "Check your daily traffic of your shop.",
                      position: 'left'
                  },
                  {
                      element: '#card_customers',
                      intro: "Know your customers and follow them",
                      position: 'left'
                  },
                  {
                      element: '#card_marketing',
                      intro: "Run campaigns, send mass sms and emails to your customers",
                      position: 'left'
                  },
                  {
                      element: '#apps_cards_wrap',
                      intro: "Find and add more and more friendly apps to your store",
                      position: 'left'
                  },
                  {
                      element: '#card_inventory',
                      intro: "Manage your Inventory from here.",
                      position: 'left'
                  },
                  {
                      element: '#card_store_customise',
                      intro: "Customise your store from here.",
                      position: 'left'
                  },
                  {
                      element: '#card_accounts_settings',
                      intro: "Change your Account settings from here.",
                      position: 'left'
                  },
                  {
                      element: '#sidebar_toggle',
                      intro: "Click to hide the sidebar menu",
                      position: 'left'
                  },
                  {
                      element: '#store_logo',
                      intro: "Click here to view this tour anytime",
                      position: 'right'
                  }
                ]
            });
            intro.setOptions("scrollToElement", true).start();
        }
        {# Removing first_login cookie hack. #}
        createCookie('first_login', '', 7);
    });
</script>

please see this link to understand the issue