html, body {
  height: 100%;
}

.navbar-toggle {
  float: left;
  margin-left: 15px;
}

.navmenu {
  z-index: 99;
}

.offcanvas {
  color: #333;
}

.navmenu-brand, .navmenu-brand:hover {
  padding: 20px 15px;
  margin: 0;
}

.navmenu-default .navmenu-brand, .navmenu-default .navmenu-brand:hover {
  background: #ccc;
  color: #000;
}

@media (min-width: 0) {
  .navbar-toggle {
    display: block;
    /* force showing the toggle */
  }
}
@media (min-width: 992px) {
  body {
    padding: 0;
  }

  .navbar {
    right: auto;
    background: none;
    border: none;
  }

  .canvas {
    padding: 0;
  }
}