Problema jQuery con ancho de menú

$.fn.respoNav = function() {

  var total = $("#nav-collapse li.fst").length; // contamos los li principales del menú
      wdwWidth = $(window).width();             // recogemos el ancho de la pantalla
      liWidth = (wdwWidth - 30) / total;        // calculamos un ancho proporcional a cada li principal, los 30px es el padding del body
      totalWd = (liWidth * total) + 30;         // esto es para la navegación móvil

    if( wdwWidth <= 480 || totalWd > wdwWidth ) {      // esto es para la navegación móvil

      $("#toggle-mobilemenu").show();
      $("#main-nav").addClass("mobile-menu");
      $("#nav-collapse").removeClass('sf-menu');

      $("#toggle-mobilemenu").click(function() {
        $("#nav-collapse").toggle();
      });

      $("#nav-collapse li").has("ul").each(function() {
          $(this).children('a').addClass('ddArrow');    //hasta aquí
      });
      

    } else {

      $(".fst").width(liWidth);          //a cada li principal le asignamos el ancho proporcional

      $('#nav-collapse').superfish({    //funciones del superfish
        delay: 500,
      });

    }
}