ui icon indicating copy to clipboard operation
ui copied to clipboard

URGENT - not working on small screens

Open rebal15 opened this issue 5 years ago • 0 comments

Hi there.

On smaller screen sizes, such as small tablets and mobile phones, the .navbar-toggler button is not working. It simply does not do anything.

I've pulled the code from the main JavaScript file here:

$(document).on('click', '.navbar-toggler', function() {
  $toggle = $(this);

  if (mobile_menu_visible == 1) {
    $('html').removeClass('nav-open');

    $('.close-layer').remove();
    setTimeout(function() {
      $toggle.removeClass('toggled');
    }, 400);

    mobile_menu_visible = 0;
  } else {
    setTimeout(function() {
      $toggle.addClass('toggled');
    }, 430);

    var $layer = $('<div class="close-layer"></div>');

    if ($('body').find('.main-panel').length != 0) {
      $layer.appendTo(".main-panel");

    } else if (($('body').hasClass('off-canvas-sidebar'))) {
      $layer.appendTo(".wrapper-full-page");
    }

    setTimeout(function() {
      $layer.addClass('visible');
    }, 100);

    $layer.click(function() {
      $('html').removeClass('nav-open');
      mobile_menu_visible = 0;

      $layer.removeClass('visible');

      setTimeout(function() {
        $layer.remove();
        $toggle.removeClass('toggled');

      }, 400);
    });

Please could somebody help me as soon as possible, this is a serious issue that needs fixing!

rebal15 avatar Apr 10 '20 16:04 rebal15