Salve a tutti
sto avendo un problema con la chiusura del menu.
In poche parole quando il sito arriva a 991px si attiva il menu per mobile "hamburger" che cliccandoci fa scorrere lateralmente il menu con le varie voci.
Cliccando sui link del menu si viene portati sulla parte del div collegato ( essendo un sito one page ) ma rimane aperto il menu laterale, sovrastando la lettura.
E' possibile sapere se ci sia un modo per far si che quando si clicca sulla voce del menu, quest'ultimo si richiuda permettendo al visitatore di leggere il div del link che ha cliccato sul menu?
Vi ringrazio.
Ecco il codice:
codice:
$('.hamburger-menu').on('click',function(){
$('.hamburger-menu-wrapper').toggleClass('open');
$('body').toggleClass('show-nav');
});
if($(window).width()<=991){
// show hide dropdown menu
$('.menu-mobile>.nav-links>.dropdown').on('click',function(){
if($(this).parent().find('.dropdown-menu').hasClass('dropdown-focus')===true){
$(this).parent().find('.dropdown-menu').removeClass('active');
$(this).removeClass('active');
}else{
$('.menu-mobile .dropdown .dropdown-menu').removeClass('dropdown-focus');
$('.icons-dropdown').removeClass('active');
$(this).parent().find('.dropdown-menu:first').addClass('dropdown-focus');
$(this).addClass('active');
}
});
$('.dropdown-submenu .icons-dropdown').on('click',function(){
$(this).parent().find('.dropdown-menu-2:first').toggleClass('dropdown-focus');
$(this).toggleClass('active');
});
}
};