Problème de menu avec iphone et iPad

[fredjouan]

Bonjour,
Sur ce site, la vérification sur responsinator n'indique aucun problème.
Plusieurs personnes se plaignent que les sous menus du menu principal ne sont pas actifs sur iphone et ipad.
C'est très ennuyeux !
J'utilise templatecreatorck avec bootstrap.
Merci de votre aide,
Fred

[PhilJ]

Re : Problème avec iphone

Bonjour,

Plusieurs personnes se plaignent que les sous menus du menu principal ne sont pas actifs sur iphone et ipad.

Le problème des liens inaccessibles vient de ce que les appareils mobiles sont dépourvus de périphériques de pointage (souris, touchepad) et que le template ignore superbement cette particularité.

Pour le dire plus simplement, survoler l'écran avec le doigt n'a jamais aucun effet : les tablettes et smartphones ne reconnaissent que le 'clic' (plus en exactement 'tap'). De ce fait, il est impossible d'afficher quoi que ce soit au survol sur un appareil mobile :effet de rollover, attribut title, et pas non plus l'apparition d'un sous-menu dans la mesure où les liens de menus de 2^d niveau (sous-menu) nécessitent, pour apparaître, le survol des liens de 1^er niveau.

Le template devrait donc convertir automatiquement les déclencheurs de type survol (onmouseover) en 'clic' (onmouseclick), ce qu'il ne fait pas, hélas :-\

[fredjouan]

Re : Problème avec iphone

Bonjour PhilJ,
Bon, mais alors, il faut modifier le fichier mobile.css ?
Fred

[PhilJ]

Re : Problème avec iphone

Bonsoir Fred,

Bon, mais alors, il faut modifier le fichier mobile.css ?

La solution est très certainement de te rapprocher de Cédric Keiflin, le programmeur de 'Template Creator' à l'origine du template : http://www.template-creator.com/fr.

Par exemple, cette démonstration en ligne d'un site mobilisant un template créé avec cette extension ne montre pas le défaut de ton site : http://www.template-creator.com/fr/t...reator-demo-34. Le lien de 1^er niveau 'Home' ouvre un sous-menu au survol sur desktop / laptop, et au clic sur les appareils mobiles.

[fredjouan]

Re : Problème avec iphone

Ok, merci PhilJ, j'ai contacté Cédric, mais il doit être en vendanges (il est alsacien et moi champenois !).
Je posterai sa réponse, si d'autres personnes sont concernées.
Fred

[fredjouan]

Re : Problème avec iphone

Bonjour,
Je reviens vers vous après avoir consulté Cédric, le développeur de templatecreatorck.
Le problème des liens inactifs sur les iPhones et iPads peut se résoudre en modifiant la disposition du menu.
Composant – templatecreatorck – choisir son template
Dans l'onglet Responsive design, il faut modifier le module NAV et cliquer dessus jusqu'à obtenir les trois traits horizontaux (ce petit logo se nomme hamburger).
Sur un iPhone ou un iPad, le hamburger s'affiche, et en cliquant dessus on obtient un menu réactif !
Cordialement,
Fred
PS : Pour ceux qui voudraient des copies d'écran. J'ai ça en stock !