Default Example
At first have shown our offcanvas default example.
Sidebar Menu
Copy Right Menu
Custom Menu Example
We have shown offcanvas with custom menu link example here. click on hover then show offcanvas menu.
Sidebar Menu
Copy Right Menu
Offcanvas Flip Example
In this section We have shown Offcanvas Flip view. Just you click this button then see Flip effect.
Offcanvas Overlay Example
We have shown in this section Offcanvas Overlapping. Just you click this button then see Overlapping.
Choose Sidebar Example
Here we show offconvous sidebar. Before that, we created a sidebar widget. Then I have selected it.
Offcanvas Animations Example
We have shown some Offcanvas animation example- Slide, Push, Reveal and None. Just you click this button then see it.
Lorem ipsum dolor sit amet, consectetur adipiscing elit tellus luctus nec aenean commodo.
Widget Space (60) Example
In this option we have shown Offcanvas custom content example here. if you want you can set Offcanvas before and after content as your need.
Custom Content Example
We have shown Offcanvas widget spacing here. if you want you can set Offcanvas before and after content between space as your need.
Actually you can set your custom content before example here.
Actually you can set your custom content after example here.
Width (400) Example
We have shown Offcanvas button style border, dotted, dashed, radius, box shadow and background color here. if you want you can use it.
Sidebar Menu
Copy Right Menu
Offcanvas Background Color Example
We have shown Offcanvas button style border, dotted, dashed, radius, box shadow and background color here. if you want you can use it.
Close Button Hide Example
We have shown Offcanvas button style border, dotted, dashed, radius, box shadow and background color here. if you want you can use it.
Sidebar Menu
Copy Right Menu
Icon & Button Align Example
In the section we have shown Offcanvas button left or right align, icon before and after here. if you want you can use it.
Sidebar Menu
Copy Right Menu
Lorem ipsum dolor sit amet, consectetur adipiscing elit tellus luctus nec aenean commodo.