Offcanvas

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

Zugriff auf Ihr WordPress-Dashboard –

  • Finden Seiten/Beiträge > Neue Seite/Beitrag hinzufügen oder beginnen Sie mit der Bearbeitung einer vorhandenen Seite mit dem Blockeditor.
  • Suche nach "+”-Symbol auf der rechten Seite oder oben im Editor-Bildschirm. Klick es.
  • Es erscheint ein Blockmenü, suchen Sie nach „Offcanvas“.
  • Wenn Sie es sehen, klicken Sie darauf oder ziehen Sie es per Drag & Drop auf den Blockeditor-Bildschirm.

Inhaltsteil bearbeiten #

  • 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 – Du kannst wählen Hamburger or Closed style. Then, you will see the options of setting Symbolgröße, Farbe, Hintergrundtyp, Grenze, Grenze Radius, Ausrichtung, Und Box Schatten.
  • Offcanvas Panel With this option you can adjust Width, Background Type, Position, and Padding.
Styling offcanvas with GutenKit Offcanvas block
Was sind deine Gefühle?
Updated on März 13, 2024