Меню переключения вне холста не работает на страницах WordPress с помощью js-offcanvas.pkgd.js

Question

С помощью js-offcanvas разработано website.in в адаптивном мобильном представлении появляется значок переключения, но при нажатии на значок переключателя строка меню не расширяется. вот мой код

 <button class="navbar-toggler js-offcanvas-toggler" data-button-options='{"modifiers":"right","wrapText":false}' aria-label="Toggle navigation">
  <span></span>
  <span></span>
  <span></span>
</button>

и скрипт добавлен в app.js как показано ниже

            $( document ).bind( "create.offcanvas", function( e ){
            $(e.target).removeClass('is-hidden');
        } );

        $( '#right' ).offcanvas( {

            modifiers: "right,overlay",
            triggerButton: '.js-offcanvas-toggler'
        } );

        $( ".js-append-around" ).appendAround();
        $( document ).trigger( "enhance" );
    });

я не понимаю, даже это проблема сценария или проблема кода... помогите мне решить эту проблему