[RÉGLÉ] menu sur android

[phibad]

Bonjour
Mon menu dans un site protostar (dernière version de joomla) fonctionne bien sur mon pc mais sur mon smartphone il ne réagit pas. J'ai beau comparer les paramètres avec un autre site où ça fonctionne sur les deux tailles d'écran, je ne trouve pas.
Je ne sais pas où chercher ce qui a pu le neutraliser. Je n'ai pas touché au fichier index. Par contre j'ai ajouté un css user...
Merci pour votre aide.

[papounet]

Bonjour,

Par contre j'ai ajouté un css user...

Et si on retire ce css user, ça marche ???

[phibad]

Merci Papounet (une fois de plus !)
Avant d'appeler au secours, j'avais enlevé chaque élément de user, l'un après l'autre. Je n'avais rien trouvé.
Et voilà qu'en suivant ton conseil, j'ai tout coupé-collé dans notepad, puis j'ai vu que ça marchait !
Bravo !
J'ai remis les éléments les uns après les autres en vérifiant à chaque fois. Résultat, je ne sais pas ce qui a fait ******r le menu sur smartphone. Enlever et remettre le même contenu de css, ça a remis les choses en place.
Je ne crois pas au père Noël (ni au diable)... dis-je habituellement quand m'arrive ce genre de chose !
En tous cas, merci.

[phibad]

Je croyais que mon problème était réglé, mais non.
Quand sur mon écran de PC j'affiche le site en réduisant la largeur, le carré du menu apparaît et fonctionne.
Par contre sur mon smartphone android, ce carré de menu ne réagit pas.
Mon css user ne semble pas en cause.

[daneel]

Bonjour,

Il n'y a pas d'erreurs dans la console du navigateur ? (touche f12)

Ce que tu nomme le carré du menu, je pense que tu veux dire le bouton "hambuger"
( http://www.le-toaster.fr/interweb/il...enu-hamburger/ )

Soit une image comme ton logo recouvre la surface cliquable, soit un conflit avec un plugin.
Je ne vois pas d'autres possibilités pour l'instant.

[phibad]

Merci Daneel
Je ne trouve pas.
Mais j'ai découvert que sur mon PC le "hamburger" (je ne connaissais pas ce mot) reste sans réaction uniquement dans le plus petit écran. Dans une taille intermédiaire, il fonctionne. C'est donc un dysfonctionnement de responsive design ?
Quand on diminue la taille de l'écran, on arrive à la limite où le hamburger apparaît et là il fonctionne.
Quand on diminue encore, on arrive à un moment où le logo passe de la position gauche à la position centrée et là, le hamburger ne fonctionne plus.
Voici l'adresse du site : https://jeanlouiskuntzel.fr/index.php
Je n'arrive pas à tirer des conclusions de ces symptômes.

[daneel]

Bonjour, c'est un problème lié au slider qui recouvre la zone de selection du bouton.

Si tu ajoute un z-index de valeur supérieure en css, le bouton devrait repasser au dessus du slider.

Pour cela, tu dois editer le fichier css , soit template.css
protostar/css/template.css
ou créer un custom.css si tu veux conserver le code en cas de mise à jour de protostar.

Ajoute la ligne suivante à la fin du fichier css et tu peux tester (n'oublie pas de vider le cache)

.navigation { z-index: 5; }

Yann

[phibad]

J'ai ajouté la valeur de z-index dans mon css user et ça marche très bien.
Merci pour cette intervention efficace.

[lesoutier]

Il ne te reste plus qu'à passer la discussion en [RÉGLÉ].
Pour cela voir l'encadré juste en bas de cette page.