Left Sidebar With Toggle In Bootstrap 3 Not Working

I'm trying to adapt a Bootstrap template shown here https://bootsnipp.com/snippets/featured/navigation-sidebar-with-toggle so that it includes a top navbar and a footer. My applica

Solution 1:

The problem is that the hamburger menu has to remain in the visible part of the screen. In the right of your red sidebar.

https://jsfiddle.net/y9khea25/5/

HTML

...
<a id="menu-toggle"class="pull-right" href="#"><spanclass="glyphicon glyphicon-align-justify"></span></a></li>
...

CSS

.pull-right {
    float: right;
}