Merge pull request jasny#501 from Minstel/443-How_to_close_the_left_h…

…and_nav_for_really_small_screens

Menu width should always be smaller then screen width (fixes jasny#443)

js/offcanvas.js

@@ -56,6 +56,14 @@
     modal: false
   }
 
+  OffCanvas.prototype.setWidth = function () {
+    var size = this.$element.outerWidth()
+    var max = $(window).width()
+    max -= 68 //Minimum space between menu and screen edge
+
+    this.$element.css('width', size > max ? max : size)
+  }
+
   OffCanvas.prototype.offset = function () {
     switch (this.placement) {
       case 'left':
@@ -176,7 +184,9 @@
     if (startEvent.isDefaultPrevented()) return
 
     this.state = 'slide-in'
-    this.calcPlacement();
+    this.$element.css('width', '')
+    this.calcPlacement()
+    this.setWidth()
 
     var elements = this.getCanvasElements()
     var placement = this.placement