Responsive enu disappearing on Desktop and Mobile

function menutransform(){ var topMenuContainerWidth = jQuery("div.cell").has("ul.nav").innerWidth(); var topMenuWidth = jQuery("body").innerWidth(); // jQuery("ul.nav").css("min-width",topMenuWidth); if(topMenuWidth < 481) { jQuery(".tinynav").css("display","block"); jQuery("ul.nav").css("display","none"); jQuery("ul.nav").tinyNav({ active: 'current', // String: Set the "active" class header: 'Menu', // String: Specify text for "header" and show header instead of the active item }); $.fn.quickChange = function(handler) { return this.each(function() { var self = this; self.qcindex = self.selectedIndex; var interval; function handleChange() { if (self.selectedIndex != self.qcindex) { self.qcindex = self.selectedIndex; handler.apply(self); } } $(self).focus(function() { interval = setInterval(handleChange, 100); }).blur(function() { window.clearInterval(interval); }) .change(handleChange); //also wire the change event in case the interval technique isn't supported (chrome on android) }); }; }else{ jQuery(".tinynav").css("display","none"); jQuery("ul.nav").css("display","block"); } } jQuery(function(){ menutransform(); //jQuery(window).resize(menutransform); jQuery(window).resize(function(){ jQuery(".tinynav").remove(); menutransform(); }); }); jQuery(document).ready(function(){ $("SELECT.tinynav").quickChange(function() { jQuery(this).trigger('change'); }); });