Hamburger menu non si chiude

Hellgrom90

Nuovo Utente
5 Set 2014
2
0
1
Salve gente

scusatemi prima di tutto l'ignoranza in materia.

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 : Home - Chi siamo - Contatti

Cliccando per esempio su Chi siamo, si viene portati sulla sezione del div collegato ( essendo un sito one page ) ma rimane aperto il menu laterale, sovrastando la lettura ed essendo costretti a tornare all'inizio della pagina e cliccare nuovamente sull'hamburger

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?

Sinceramente ci ho combattuto parecchio, ma non essendo il mio campo, non ho risolto nulla.

Vi ringrazio in anticipo

Ecco il codice:

Codice:
// js show menu when screen < 1024px
   $('.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>.icons-dropdown').on('click', function() {
           if ($(this).parent().find('.dropdown-menu').hasClass('dropdown-focus') === true) {
               $(this).parent().find('.dropdown-menu').removeClass('dropdown-focus');
               $(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');
       });
   }

};
 
Discussioni simili
Autore Titolo Forum Risposte Data
M Creazione menu a tendina Javascript 3
D menu con submenu orizzontale HTML e CSS 0
Cosina Menu fisso copre i titoli quando cliccati nel sommario jQuery Javascript 4
G creazione menu a tendina e invio a pagina php PHP 1
P Sub menu con Collapse. Javascript 0
R abilitare menu a tendina tramite relativa chekbox PHP 17
L Aiuto creazione menu mancante WordPress 0
S spostare il pulsante menu dropdown HTML e CSS 8
F Dropdown menu con tabella PHP 33
Spown [WordPress] Problemi visualizzazione su più browser + voci menu in movimento WordPress 1
A [WordPress] Menu bar WordPress 0
W [WordPress] Non si vedono le categorie da aggiungerle al Top Menu WordPress 3
M Inviare variabili da menu a tendina a pagina php con post PHP 6
M [PHP] Selezione da menu a discesa con 2 variabili PHP 0
F [WordPress] [HTML] Aggiungere una pagina solo allo sticky menu WordPress 4
M [PHP] Creare un menu a tendina con pdo PHP 18
M [Javascript] Caricamento menu da file esterno Javascript 8
W [HTML] Animazione menu mobile HTML e CSS 0
P [HTML] Eliminare doppio menu in wordpress WordPress 2
andreas88 [PHP] menu PHP 15
K [ASP.Net] Realizzazione menu a tendina dipendenti ASP.NET 1
M [HTML] problema spazio aggiuntivo tra elementi <li> di menu a tendina HTML e CSS 1
L [css e html] destra e sinistra (menu navigazione) HTML e CSS 3
P [Gratuito][Cerco] qualcuno per fare menu a tendina ottimizzato per mobile-responsive con css e html Offerte e Richieste di Lavoro e/o Collaborazione 3
P [HTML] Problema con menu orizzontale a tendina per sito web HTML e CSS 17
P [Javascript] Voce del menu evidenziata in base alla pagina attiva Javascript 48
V [WordPress] Come modificare link in tasto menu css WordPress 21
S [Javascript] [CSS] Spazio Bianco tra Slider e Menu foto Javascript 6
P [Javascript] problema menu responsive su aruba, editor bk Javascript 1
K [Javascript] Finestra menu Javascript 1
Selenio89 [HTML] creare menu di navigazione HTML e CSS 2
C [Javascript] [HTML] Problemi: Overlay, Banner, Menu Javascript 4
C 3 Bug CSS AND HTML: Overlay-Banner-Menu HTML e CSS 0
C 3 BUG CSS AND HTML: OVERLAY - BANNER- MENU HTML e CSS 0
M [PHP] Menu a tendina dinamico che non si aggiorna PHP 2
U [PHP] Selezione con menu a tendina e recupero selezione PHP 5
M Riadattamento funzioni per far scomparire un menu. jQuery 4
G [Javascript] Transition in OnClick Dropdown Menu Javascript 5
U [Javascript] Menu responsive non scompare col click sui link Javascript 0
A [Javascript] Problemi menu bootstrap Javascript 1
A [HTML] Menu con effetto slide down HTML e CSS 0
M [HTML] Menu a fisarmonica che non funziona in chrome HTML e CSS 2
M [Javascript] far scomparire il menu al click Javascript 0
Kolop [HTML] Menu a colonne stessa lunghezza HTML e CSS 7
felino [WordPress] [QTranslate] Language Switcher Menu WordPress 5
D Sono disperato: Menu select dinamici con Ajax e PHP PHP 1
D Sono disperato: Menu select dinamici con Ajax e PHP Ajax 2
S [HTML] Problema menu a comparsa HTML e CSS 5
giannit [PHP] Cambio url su menu css PHP 15
G [HTML] mettere menu style smartphone anche sui tablet HTML e CSS 0

Discussioni simili