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? #

Acesso ao seu painel do WordPress –

• Encontrar Páginas/postagens > Adicionar nova página/postagem ou comece a editar uma página existente com o editor de blocos.
• Procure o "+”Ícone no lado direito ou na parte superior da tela do editor. Clique.
• Um menu de bloqueio aparecerá, procure por “Fora da tela”.
• Ao vê-lo, clique nele ou arraste e solte na tela do editor de blocos.

Editando parte do conteúdo #

• 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 – Você pode escolher Hamburger or Closed style. Then, you will see the options of setting Tamanho do ícone, Cor, Tipo de plano de fundo, Fronteira, Fronteira Radius, Alinhamento, e Sombra da caixa.
• Offcanvas Panel – With this option you can adjust Width, Background Type, Position, and Padding.