Menu toujours visible en mode responsive [RESOLU]

[Unsourire]

Bonjour à tous,

Je viens de créer mon premier site: unsourirepournosheros.org. (Je n'ai pas le droit de créer un lien hypertexte pour le moment.)

En regardant les analyses SEO je me suis aperçu que 99% de mes visiteurs restaient sur la page d'accueil.

En y regardant de plus prêt, j'ai compris que le problème venait du bouton "MENU" en mode responsive.

En effet, avec un téléphone, le menu horizontal se transforme en petit bouton avec les trois lignes horizontales.

C'est compréhensible avec une navigation verticale, mais le soucis, c'est que dès que le visiteur défile vers le bas, le bouton "MENU" reste en haut de la page et disparait.

Le visiteur n'a donc même pas conscience de l'existence de ce bouton et donc de 90% de mon site.

Ma question est donc simple: Comment faire en sorte que ce bouton menu, en mode responsive, suive la navigation de l'utilisateur ? (comme le bouton "revenir vers le haut de la page" par exemple)

Merci par avance pour l'aide que vous m'apporterez.

[FredVig]

ajoutez
<style type="text/css">
/*<![CDATA[*/

.jtpl-mobile-topbar{position:fixed!important;}

/*]]>*/
</style>

dans modifier le head

[Unsourire]

ajoutez
<style type="text/css">
/*<![CDATA[*/

.jtpl-mobile-topbar{position!important;}

/*]]>*/
</style>

dans modifier le head

Merci pour cette réponse rapide.
Cela fonctionne bien, mais il réside toujours un problème.
En effet, lorsque l'on clique dessus, le menu déroulant (le sommaire) se déroule toujours à partir du haut de la page plutôt qu'à partir du bouton "Menu".
Donc si le visiteur n'est pas en haut de la page, il peut avoir l'impression que le bouton bug.

PS: Tant qu'à faire, est-il possible d'ajouter cette faculté à mon bandeau de menu en mode normal aussi ? Merci.

Encore merci d'avance.

[FredVig]

remplacez la ligne de code centrale par
.jtpl-mobile-topbar, .jtpl-mobile-navigation {position:fixed!important;}

On peut tout modifier. ce que je vous ais proposé est juste un exemple.
Mais il faut comprendre comment ça fonctionne, car ces modifications ne sont pas permanentes, et peuvent avoir des conséquences.
Je vous recommande le tuto sur "modifier le head" , dans ce forum, partie tutoriel.

[Unsourire]

remplacez la ligne de code centrale par
.jtpl-mobile-topbar, .jtpl-mobile-navigation {position:fixed!important;}

On peut tout modifier. ce que je vous ais proposé est juste un exemple.
Mais il faut comprendre comment ça fonctionne, car ces modifications ne sont pas permanentes, et peuvent avoir des conséquences.
Je vous recommande le tuto sur "modifier le head" , dans ce forum, partie tutoriel.

J'ai fait une toute petite modification (car seul le menu était devenu fixe):

<style type="text/css">
/*<![CDATA[*/

.jtpl-mobile-topbar {position:fixed!important;}
.jtpl-mobile-navigation {position:fixed!important;}

/*]]>*/
</style>

Et maintenant cela fonctionne à merveille.

Merci pour tout !

[Contenu sponsorisé]