На сайте сделал отдельное мобильное меню, которое изначально не видно с помощью display: none; и меню открывается с помощью гамбургер-меню. Однако если открыть мобильное меню и не закрыть его, а также растянуть окно браузера, то меню никуда не исчезает и наслаивается на обычное меню.
Код JS такой
$(document).ready(function () {
$('#nav-toggle').on('click', function (e) {
e.preventDefault();
$('.mobile-menu').fadeToggle(500).css("display", "block");
});
$(window).resize(function () {
if (innerWidth >= 992) {
if ($('.mobile-menu').css('display') == 'none') {
$('.mobile-menu').removeAttr('style');
}
}
});
});
Собственно что надо дописать, чтобы мобильное меню исчезало в любом случае, если растянуть окно браузера до стандартных значений, даже при условии что оно было открыто???
