Sphinx Laravel Package

+++ date = "2017-04-10T16:42:43+01:00" draft = false weight = 180 description = "Navigation, menus and content sliding from outside the page" title = "Offcanvas" bref="Offcanvas makes it look like a menu is sliding from the outside of the page. This may be useful in many different cases, one of them being when you need to save space on screen and don't have to display sidebar at all times" toc= true +++

{{< rawhtml >}}

<div id="offcanvas-left" class="hide"> <nav> <ul> <li>...</li> </ul> </nav> </div>

// Right + Close <a href="#" data-component="offcanvas" data-target="#offcanvas-right" data-direction="right">Open Right</a>

<div id="offcanvas-right" class="hide"> <a href="#" class="close"></a> <nav> <ul> <li>...</li> </ul> </nav> </div>