Menu responsive sur tablette

Bonjour,
Je suis en train de faire le responsive d'un site de vente en ligne(http://www.3dlibrary.fr/index.php/fr/), et en ce moment je suis en phase de test. J'ai vu que tout fonctionner correctement sur mobile (enfin normalement) mais sur tablette il y a un petit problème car le menu responsive ne s'affichent pas, alors que quand on clique sur l'emplacement où il doit se situer le menu se déroule.

En fait, c'est juste un problème d'affichage, enfin je pense, qui est peut être due au code java script (ou pas). Du coup je ne savais pas dans quel thème je devais poser cette question sur le forum vu que ya pas de thème "responsive design".

J'espère quand meme que vous pourrez m'aider à résoudre le seul problème qui m'empêche de terminer pour de bon ce travail de responsive.

Voici le code java du menu:
[code]jQuery(document).ready(function() {
jQuery('.toggle-nav').click(function(e) {
jQuery(this).toggleClass('active');
jQuery('.menu ul').toggleClass('active');

e.preventDefault();
});

});

jQuery(document).ready(function() {

jQuery('#li-index a.cancel').click(function(e) {
jQuery(this).toggleClass('click');
jQuery('.active ul').toggleClass('click');

e.preventDefault();
});

});/code