Off-Canvas

Documentation and examples of off-canvas sidebar that slides in and out of the screen, which is mostly used as mobile navigations.
Basic Example

You can put any element to off-canvas sidebar like in the example below.

Show Off-Canvas Sidebar
With Overlay

You can enable overlay by adding class .off-canvas-overlay to .off-canvas.

Show Off-Canvas Sidebar
Flip to Right

You can flip the sidebar to display in right instead of left by adding class .off-canvas-right to .off-canvas.

Show Off-Canvas Right
What does royalty free mean?

Royalty free means you just need to pay for rights to use the item once per end product. You don't need to pay additional or ongoing fees for each person who sees or uses it.

Learn More
What does royalty free mean?

Royalty free means you just need to pay for rights to use the item once per end product. You don't need to pay additional or ongoing fees for each person who sees or uses it.

Learn More
What does royalty free mean?

Royalty free means you just need to pay for rights to use the item once per end product. You don't need to pay additional or ongoing fees for each person who sees or uses it.

Learn More