Responsive menu pour mobile

Bonjour,

J'ai récupéré un menu http://meetsingledating.com/test/ ( vous pouvez accéder au code par la source de votre navigateur ) qui lorsque l'on clique sur le bouton M en haut en gauche, pousse un menu vers la gauche.

Le problème est que sur mon téléphone en vertical, le menu prend toute la place, et la partie grisée pour refermer le menu n'est pas visible, donc je suis obligé de cliquer sur un lien dans le menu et d'aller sur une nouvelle page, pour que celui ci se ferme.

Je souhaiterai que lorsque le menu est ouvert, le bouton M soit toujours visible à la droite du menu ( le menu pousserai le design vers la droite mais laisserait une partie du design visible c'est a dire le width du bouton M ). Si l'on clique à la droite du menu ( sur le bouton M ou en dessous ), ce dernier se refermerait.

Merci pour votre aide.

Bonjour,
as tu essayé de mettre ton bouton en position:fixed?

J'ai essayé http://www.meetsingledating.com/test2/ ca ne marche pas. :(

En relisant ton 1st post

Citation:

---

Je souhaiterai que lorsque le menu est ouvert, le bouton M soit toujours visible à la droite du menu ( le menu pousserai le design vers la droite mais laisserait une partie du design visible c'est a dire le width du bouton M ). Si l'on clique à la droite du menu ( sur le bouton M ou en dessous ), ce dernier se refermerait.

---

je me dis que cela n'est pas très ergonomique, mais bon, pourquoi ne pas créer un bouton de fermeture de ton menu comme il existe souvent sur les menus reponsive dans le style du fameux ≡.

Bonjour,
Généralement en responsive on utilise plutôt des menus qui se déroulent verticalement pour éviter d'avoir ces problèmes qui sont plus délicats à gérer.

Hello,

je viens de tester sur mon smartphone pour visualiser le soucis que tu évoques et pour moi le bouton close se visualise très bien.

Sur Quel smartphone testes-tu ?

A +