ui
ui copied to clipboard
URGENT - not working on small screens
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!