Si tratta della soluzione ad oggi più utilizzata nei siti responsivi e, forse, la più elegante. In questo scenario il menu viene inizialmente nascosto, come nel pattern precedente, ma, questa volta, collocandolo in un’area esterna alla finestra del browser (off canvas).

Quando il menu viene visualizzato, cliccando per questo su di un apposito pulsante, il corpo principale del documento scorre interamente verso destra (sinistra) per lasciare spazio proprio al menu

In alternativa il menu può anche sovrapporsi temporaneamente ai contenuti della pagina (lasciandone comunque una piccola porzione sempre visibile)

COME REALIZZARLO NELLE VARIANTI PASSWEB RESPONSIVE

In Passweb questa soluzione può essere implementata in maniera nativa utilizzando, molto semplicemente, un Componente Menu configurato con l’opzione di visualizzazione “Off Canvas”

Una volta settata questa impostazione l’utente avrà poi la possibilità di agire anche su altri semplici parametri di configurazione per decidere, ad esempio, se il menu dovrà aprirsi sulla sinistra della pagina piuttosto che sulla destra, in alto o in basso, se dovrà sovrapporsi ai contenuti della pagina o se dovrà spostare la pagina stessa lateralmente ecc…

Inoltre il Componente Menu delle Varianti Responsive di Passweb offre anche un’altra opportunità.

E’ possibile infatti configurare il componente in maniera tale che questo assuma un certo tipo di visualizzazione nei dispositivi desktop (es. Flottante Orizzontale) e un altro (es. Off Canvas) solo nei dispositivi mobile di dimensioni inferiori ai 992 px, senza la necessità dunque di dover gestire manualmente due differenti menu con le relative impostazioni di visualizzazione.