Menu retratil

Olá, boa tarde.

Ontem lancei um site em bootstrap (minha primeira vez usando), e ao testar o mesmo em um smartphone me deparei com um problema que não consegui resolver ou encontrar algo na net falando.

Se acessarem o site: www.catsu.com.br podem ver que o mesmo possui um menu retrátil. Assim que a pagina é rolada o menu aparece abaixo do banner. Mas em smartphones o mesmo não acontece.

Agostaria de saber se alguém ja se deparou com isso e pode me ajudar. O código responsável pelo menu é este:

jQuery("document").ready(function($){ var nav = $('#menu'); $(window).scroll(function () { if ($(this).scrollTop() > 600) { nav.addClass("f-nav").fadeIn(); nav.removeClass('sumir'); } else { nav.removeClass("f-nav").fadeOut(); } }); });

Desde já agradeço pela ajuda.

ps.: Na versão mobile ainda falta alguns ajustes para ser feito.

alguém para dar um help?