Dynamic Collapse Size

dynamic_collapse.js

var a = $('#navbar-31536'); // container element
var b = $('ul.nav.navbar-nav li a').height(); // height of the menu

function UsmDynamicCollapse(a, b) {
    var navbar = a;
    var height = b;
    navbar.removeClass('collapsed'); // set standart view
    if(navbar.innerHeight() > height ) // check if we've got 2 lines
        navbar.addClass('collapsed'); // force collapse mode
}

$(document).on('ready', UsmDynamicCollapse);
$(window).on('resize', UsmDynamiccollapse);

non-media-collapse.css

#navbar-31536.collapsed .navbar-header {
    float: none;
}
#navbar-31536.collapsed .navbar-toggle {
    display: block;
}
#navbar-31536.collapsed .navbar-collapse.collapse {
    display: none!important;
}
#navbar-31536.collapsed .navbar-nav {
    float: none!important;
    margin: 7.5px -15px;
}
#navbar-31536.collapsed .navbar-nav>li {
    float: none;
}