Esplosione voci di menu dell'hamburger menu su passaggio del mouse 
Autore: Gabriele P.
Visite 298,
Followers 1,
Condiviso 0
Salve, sul mio sito www.errebiplast.it noto un comportamento dell'hamburger menu che lo rende di difficile lettura. Passando da una voce principale all'altra del menù le righe di ogni voce di livello si esplodono e richiudono in automatico solo passandoci sopra con il mouse: se passo alla voce di menù successiva verso il basso richiude la voce precedente spostando le varie righe e rendendo difficile capire dove si sta navigando.
aggiungo se può essere utile che le varie voci di livello sono state create creando pagine ancorate alla pagina principale di ogni livello. grazie
Postato il
Ciao, credo ti riferisci al menù hamburger (quello con le tre linee) su visualizzazione DESKTOP quando restring la finestra del browser. Sul cellulare va bene, i sottomenù si aprono solo al click sulla voce principale e quindi non si crea confusione. Però considera che nessuno si mette a navigare i siti da Desktop restringendo la finestra del browser fino a far apparire il menù hamburger, quindi credo che non sia un vero problema. Ciao
Autore
ciao, grazie per la risposta ma non risolve il problema. Su pc quando si scorre una pagina verso il basso rimane visibile la sticky bar (con menù hamburger) per permettere un veloce accesso alle altre pagine del sito: è in questo caso che ho il problema, grazie
Ciao. E' tutta una questione su come si vuole procedere. In presenza di numerosi livelli che renderebbero la navigazione complicata o ti affidi a codice extra su codepen oppure utilizzi l'oggetto overlay menu che agisce solo sul primo livello al quale tu farai puntare ad una pagina nascosta che conterrà a sua volta tot oggetti immagine di categoria o altro che vuoi e che poi farai puntare alla pagina o pagine che ti interessano tutte nascoste. Devi pensare ad un albero che punta ad un sottoalbero che va a molti. Sembra complicato ma è semplicissimo. Inoltre se fossi in te sposterei l'hamburger a dx e vedrei sulla stiky bar sin quando evitare l'hamburger così da limitarlo solo alle risoluzioni più basse. Ti posto un esempio demo. Ristringi sul browser e poi vai su servizi finchè non appare l'owerlay menu e li capisci il minestrone. https://templatedesign.it/DEMO1/B&B2021/
Ovviamente questo è solo una maniera per by-passare ma esistono altre maniere dipende dal tipo di sito che stai realizzando.