Bootstrap Menu with "More" option Responsive issue

<div id="nav-main" class="nav-collapse collapse">
     <ul class="nav">
         <li>
             <a href='#somewhere'>Somewhere</a>
         </li>
     </ul>
 </div>

 $(function(){ 
     var navMain = $("#nav-main");
     navMain.on("click", "a", null, function () {
         navMain.collapse('hide');
     });
 });

 $(function(){ 
     var navMain = $(".navbar-collapse"); // avoid dependency on #id
     // "a:not([data-toggle])" - to avoid issues caused
     // when you have dropdown inside navbar
     navMain.on("click", "a:not([data-toggle])", null, function () {
         navMain.collapse('hide');
     });
 });

$('#edit_agent').on('pagebeforeshow', function(event, data) {

    if ( data.prevPage.attr('id') !== 'new_agent_editsubscribers-dialog') {

        // initialisation code
        ...
        ...
    }
});

def upload():
    # does whatever upload does....

def user_mgmt():
    def adduser():
        """Adds a new user"""
        pass
    def edituser():
        """Edits an existing user"""
        pass
    def deluser():
        """Deletes an existing user"""
        pass
    response_options = {'3': ('add user', adduser),
                        '4': ('edit user', edituser),
                        '5': ('remove user', deluser),
                        '7': ('exit', sys.exit)}
    response_func = make_choice(response_options)
    response_func()

def nav():
    response_options = {'1': ('manage users', user_mgmt),
                        '2': ('upload', upload),
                        '7': ('exit', sys.exit)}
    response_func = make_choice(response_options)
    response_func()

def make_choice(optiontable):
    for resp, msg_func in optiontable.items():
        msg, _ = msg_func
        print("{} - {}".format(resp, msg))
    usr_resp = raw_input(">> ")
    try:
        result = optiontable[usr_resp][1]
    except KeyError:
        raise  # let the caller handle it
    return result

from collections import namedtuple

Choice = namedtuple("Choice", ['msg', 'callback'])

def nav():
    response_options = {'1': Choice(msg="Add user", callback=adduser),
                        ...}
    result = make_choice(response_options)
    if result is None:
        # improper user input -- handle it
    else:
        result.callback()

def make_choice(optiontable):
    for resp, choiceobj in optiontable.items():
        print("{} - {}".format(resp, choiceobj.msg))
    usr_resp = raw_input(">> ")
    return optiontable.get(usr_resp, None)

var elemWidth, fitCount, fixedWidth = 120,  
    $menu = $("ul#menu"), $collectedSet;
collect();
$(window).resize(collect);

function collect() {
    elemWidth = $menu.width();
    fitCount = Math.floor(elemWidth / fixedWidth) - 1;
    $collectedSet = $menu.children(":gt(" + fitCount + ")");
    $("#submenu").empty().append($collectedSet.clone());    
}