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;
}
}