Offcanvas block is a collapsible sidebar or menu. You can use the latest GutenKit Offcanvas block and create a user-friendly and space-saving way to organize and present additional content on your website easily.

Let’s learn how Offcanvas block works.

How can you use offcanvas block? #

Accesso alla dashboard di WordPress –

• Trovare Pagine/Articoli > Aggiungi nuova pagina/Articolo oppure inizia a modificare una pagina esistente con l'editor a blocchi.
• Cerca il “+" sul lato destro o nella parte superiore della schermata dell'editor. Cliccalo.
• Apparirà un menu a blocchi, cerca "Fuori tela”.
• Quando lo vedi, fai clic su di esso o trascinalo e rilascialo nella schermata dell'editor dei blocchi.

Modifica della parte del contenuto #

• Overlay Color – Here, you can change color, select Hamburger or Closed style.
• Menu Type – The types are, Icon, Text, and Icon with Text. Depending on the type you’ get options to choose icon, and write text .
• Disable Scroll – You can disable body scrolling, it only works for frontend.

Editing style #

• Offcanvas – Puoi scegliere Hamburger or Closed style. Then, you will see the options of setting Dimensioni dell'icona, Colore, Tipo di sfondo, Confine, Confine Radius, Allineamento, E Ombra della scatola.
• Offcanvas Panel – With this option you can adjust Width, Background Type, Position, and Padding.