Off-canvas

You can add content to the Off-canvas element by utilizing any of the available builder elements within YOOtheme Pro. Simply select the desired elements and arrange them to create your off-canvas content.

You can display the Off-canvas element on either the left or right side of the screen.

Yes, you can optionally align the Off-canvas content in the middle of the sidebar.

Yes, you can achieve this by selecting the specific row containing the content you wish to push to the bottom within the Off-canvas element. By adjusting the layout or positioning of elements within that row, you can effectively push content to the bottom.

Yes, you can utilize all available dynamic content options within the Off-canvas element content area.

Yes, you can have any number of Off-canvas element instances on the page, each with different content inside.

There are four animation modes available for the Off-canvas element:

• Slide: The Off-canvas slides out and overlays the content. This is the default mode.
• Push: The Off-canvas slides out and pushes the site content.
• Reveal: The Off-canvas slides out and reveals its content while pushing the site.
• None: The Off-canvas appears and overlays the content without any animation.

You can achieve this by setting a static ID for the Off-canvas element and hiding the default toggle button. Then, create a custom button with a "uk-toggle" attribute and use the static ID as a link with the leading # symbol.

Yes, you can do that. Additionally, you have the option of selecting a custom icon to serve as the trigger for the Off-canvas element.