Changes to @navbarCollapseWidth value not reflected in hard-coded media query in responsive-navbar.less

Created by: b3rimbau

If @navbarCollapseWidth is reduced to, say, 767px, then between this width and 980px, a media query at the end of responsive-navbar.less fails to take effect and the .collapse class applied to the navbar hides any dropdown-menu because it overflows.

Here is the media query that is supposed to stop this from happening:

@media (min-width: 980px) {
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }
}

This hardwired width needs to reflect the value of @navbarCollapseWidth - something like

@temp: @navbarCollapseWidth + 1;

@media (min-width: @temp) {

  // Required to make the collapsing navbar work on regular desktops
  .nav-collapse.collapse {
    height: auto !important;
    overflow: visible !important;
  }

}