Responsive Nav - commentaires Responsive Nav 2022-11-29T07:49:13Z https://contrib.spip.net/Responsive-Nav#comment512259 2022-11-29T07:49:13Z <p>Merci beaucoup pour l'info<small class="fine d-inline"> </small>! Have a good day<small class="fine d-inline"> </small>!</p> Responsive Nav 2022-11-28T20:42:19Z https://contrib.spip.net/Responsive-Nav#comment512256 2022-11-28T20:42:19Z <p>Bonsoir,<br class="autobr"> Il fonctionne pour moi sur un site en SPIP 4.1.5<br class="autobr"> Responsive Nav 0.1.13</p> <p>dd</p> Responsive Nav 2022-11-28T18:08:38Z https://contrib.spip.net/Responsive-Nav#comment512254 2022-11-28T18:08:38Z <p>Bonjour bonjour,</p> <p>Le plugin Responsive Nav est indiqué compatible jusqu'à la version 4.0 de SPIP : Quelqu'un l'aurait-il déjà testé avec la version 4.1<small class="fine d-inline"> </small>?</p> <p>Merci d'avance<small class="fine d-inline"> </small>!</p> Responsive Nav 2022-03-31T06:44:22Z https://contrib.spip.net/Responsive-Nav#comment510593 2022-03-31T06:44:22Z <p>Bonjour <br class="autobr"> Merci pour tes explications<br class="autobr"> Bonne journée</p> Responsive Nav 2022-03-30T20:23:42Z https://contrib.spip.net/Responsive-Nav#comment510588 2022-03-30T20:23:42Z <p>Bonsoir,<br class="autobr"> Dans la config de ce plugin il faut compléter le champ :<br class="autobr"> « Sélecteur<br class="autobr"> Indiquer le sélecteur cible. »<br class="autobr"> avec la classe css qui englobe ton menu.</p> <p>Donc tu dois déjà avoir un menu et ensuite le menu « responsive nav » lui permet d'être responsive (au cas ou ton squelette ne le fait pas par défaut).<br class="autobr"> dd</p> Responsive Nav 2022-03-30T14:53:22Z https://contrib.spip.net/Responsive-Nav#comment510584 2022-03-30T14:53:22Z <p>Bonjour<br class="autobr"> Merci pour le menu, mais comment doit-on l'appeler dans un squelette<small class="fine d-inline"> </small>?<br class="autobr"> Merci pour votre aide</p> Responsive Nav 2020-10-08T13:29:32Z https://contrib.spip.net/Responsive-Nav#comment506443 2020-10-08T13:29:32Z <p>Dans l'urgence j'ai dû réduire la taille de typo de manière à ce que tous les items soient visibles.<br class="autobr"> En parcourant d'autres forums, j'ai comme l'impression que ça pourrait venir du mode « transition » du menu qui est fixé avec un max-height peut-être un peu trop court... Mais ce n'est qu'une supposition...<br class="autobr"> D'autres idées<small class="fine d-inline"> </small>?</p> Responsive Nav 2020-10-05T10:51:14Z https://contrib.spip.net/Responsive-Nav#comment506407 2020-10-05T10:51:14Z <p>Bonjour Jean-Marie,<br class="autobr"> Je rencontre sur ce site un problème d'affichage du menu sur petits écrans :<br class="autobr"> <a href="https://chambredhote-vivavilla.fr" class="spip_url spip_out auto" rel="nofollow external">https://chambredhote-vivavilla.fr</a><br class="autobr"> La hauteur du menu semble être contrainte (?). En effet, si on clique pour accéder aux items du menu, seuls les deux premiers éléments sont accessibles... Mais si on tripote un peu (sur Firefox), comme glisser un des deux premiers éléments, à ce moment le menu prend bien sa place, et lorsqu'on replie le menu et le réouvre, là ça marche<small class="fine d-inline"> </small>!<br class="autobr"> Je suppose un conflit mais lequel<small class="fine d-inline"> </small>?<br class="autobr"> Merci de ton aide...</p> Responsive Nav 2020-04-10T19:19:58Z https://contrib.spip.net/Responsive-Nav#comment504600 2020-04-10T19:19:58Z <p>Je viens de comprendre que la classe js peut être modifié par le css en appelant la-dite classe. Ce n'est donc pas si compliqué à fixer. Reste mon interrogation concernant ce choix par défaut. Cdlt, BD.</p> Responsive Nav 2020-04-10T19:05:07Z https://contrib.spip.net/Responsive-Nav#comment504599 2020-04-10T19:05:07Z <p>Bonjour,</p> <p>Merci pour ce plug-in, il est très pratique mais, en effet, le « overflow : hidden » passé dans la balise html par le js semble poser pas mal de problèmes :<br class="autobr"> 1. le menu déroulants constituent quasiment la norme<br class="autobr"> 2. tlm ne maîtrise pas cette propriété (j'ai mis du temps à trouver<small class="fine d-inline"> </small>!)<br class="autobr"> 3. il est passé dans la balise ce qui implique non pas de modifier le css mais les classes js (ce que je n'ai pas encore fait, je me demande d'ailleurs si je vais pas utiliser un autre plugin ou tout faire en css, ne connaissant rien au js).</p> <p>J'en viens donc au point suivant : qu'est-ce qui justifie le passage de cette propriété dans la balise<small class="fine d-inline"> </small>? J'ai l'impression que cela fait perdre au plugin son efficacité pratique (étant donné l'usage des webdev l'utilisant) sans bien comprendre ce que cela apport (sinon pas de scoll dans le menu — ce qui ne devrait pas arriver si le menu est correctement fait non<small class="fine d-inline"> </small>?)</p> <p>Cdlt, BD.</p> Responsive Nav 2020-02-25T08:48:23Z https://contrib.spip.net/Responsive-Nav#comment504096 2020-02-25T08:48:23Z <p>Alors, il semble y avoir plusieurs problèmes :</p> <p>- vous utilisez le thème qui a sa propre gestion du menu <a href="https://contrib.spip.net/PHANTOM-HTML5UP" class="spip_url auto" rel="nofollow">https://contrib.spip.net/PHANTOM-HTML5UP</a></p> <p>- dans ce menu, vous avez un <code class="spip_code spip_code_inline" dir="ltr"><div class="farouk"></code> qui empêche le bon fonctionnement du menu</p> <p>Je pense qu'il ne faut pas utiliser Responsive Nav et garder le menu par défaut du thème Phantom et à voir, ensuite, comment rajouter des entrées si besoin.</p> Responsive Nav 2020-02-25T00:49:36Z https://contrib.spip.net/Responsive-Nav#comment504094 2020-02-25T00:49:36Z <p>Merci pour ta réponse possible de voir ton site<small class="fine d-inline"> </small>? <br class="autobr"> 1- mon menu j, ai installé avec plugin menu je ne sais si ça va mâche en même temp que menu du site lui même <br class="autobr"> Cordialement</p> Responsive Nav 2020-02-24T21:42:13Z https://contrib.spip.net/Responsive-Nav#comment504093 2020-02-24T21:42:13Z <p>Bonjour,<br class="autobr"> J'ai aussi opté pour 1 menu horizontal visible sur grand écran et replié pour petits écrans mais je n'ai pas utilisé responsive nav.<br class="autobr"> Par défaut sur le squelette phantom le menu est réduit tout le temps. J'ai donc ajouté 2 classes css « mini » et « maxi » pour différencier le comportement :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code><nav class="menu-head"> <ul class="maxi"> <BOUCLE_rubriques(RUBRIQUES) {par num titre, titre}{racine}> <li> <a href="#URL_RUBRIQUE" [ class=" (#EXPOSE{on active})" ]>#TITRE</a> </li> </BOUCLE_rubriques> </ul> <ul class="mini"> <li><small>Menu</small> <a href="#menu"></a> </li> </ul> </nav></code></pre></div> <p>et donc dans la css :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>@media screen and (min-width: 736px) { #header nav ul.mini { display: none; } } @media screen and (max-width: 736px) { #header nav ul.maxi { display: none; } }</code></pre></div> <p>Je ne sais pas si c'est la meilleure manière de le faire mais cela fonctionne.</p> Responsive Nav 2020-02-24T16:26:10Z https://contrib.spip.net/Responsive-Nav#comment504086 2020-02-24T16:26:10Z <p>Bonjour voila l'adresse du site <br class="autobr"> <a href="http://centre-lecture.org/_questions2/" class="spip_url spip_out auto" rel="nofollow external">http://centre-lecture.org/_questions2/</a><br class="autobr"> je souhaite afficher mon menu normal a l'ouverture du site et avoir le menu burger en haut a droite a la résolution du mobile je n'arrive pas a trouvé comment le faire<small class="fine d-inline"> </small>?</p> <p>merci</p> Responsive Nav 2020-02-21T13:52:57Z https://contrib.spip.net/Responsive-Nav#comment504074 2020-02-21T13:52:57Z <p>Bonjour,</p> <p>avez-vous une adresse pour qu'on puisse voir le problème<small class="fine d-inline"> </small>?</p> Responsive Nav 2020-02-21T13:42:53Z https://contrib.spip.net/Responsive-Nav#comment504073 2020-02-21T13:42:53Z <p>Bonjour<br class="autobr"> Je me permet de vous écrire pour demandé de l'aide sur un plugins que vous avez participer c'est responsive nav <br class="autobr"> J'ai installer votre plugin sur mon site tout marche bien quand je suis sur les petits écran mais quand je suis sur mon grand écran il me change mon menu d'origine qui horizontal<br class="autobr"> Est ce que c'est possible que je puisse affiche mon menu que j'ai fait sur les grands écrans<br class="autobr"> Si vous pouvez me conseiller je vous remercie <br class="autobr"> Cordialement</p> Responsive Nav 2019-02-20T17:56:31Z https://contrib.spip.net/Responsive-Nav#comment500078 2019-02-20T17:56:31Z <p>Bonjour<small class="fine d-inline"> </small>!<br class="autobr"> Plugin intéressant, malheureusement, je perds mes sous-menu quand le plugin Responsive Nav est activé. Les menus sont bien là, car ils apparaissent en partie selon la largeur de l'écran. J'ai tenté de déactiver le « overflow:hidden », mais ça ne change rien. Auriez-vous une idée<small class="fine d-inline"> </small>?</p> <p>Voir : <a href="https://www.veganequebec.net/" class="spip_out" rel='nofollow external'>https://www.veganequebec.net/</a></p> <p>Merci<small class="fine d-inline"> </small>!</p> Responsive Nav 2018-10-18T14:56:02Z https://contrib.spip.net/Responsive-Nav#comment498534 2018-10-18T14:56:02Z <p>Bonjour,</p> <p>Je souhaite réaliser un menu «<small class="fine d-inline"> </small>rollover<small class="fine d-inline"> </small>»multi-niveau mais aussi « responsive » compatible bootstrap (plugin Bootstrap3 SASS). <br class="autobr"> Une des solutions serait de combiner le plugin Menuder et Responsiv nav. Apparemment Lucie aurait réussi à faire fonctionner les 2 (plus de précisions seraient bienvenues )....</p> <p>Chez moi Menuder fonctionne bien mais je n'arrive pas à faire fonctionner Responsiv nav.<br class="autobr"> Si j'ai bien compris, pour tester son fonctionnement, il s'agit remplacer dans le fichier nav du « dist » le sélecteur id=«<small class="fine d-inline"> </small>nav<small class="fine d-inline"> </small>» par id=«<small class="fine d-inline"> </small>dropdown-menu<small class="fine d-inline"> </small>» (qui est le sélecteur cible noté par défaut dans le plugin). Est-ce bien cela<small class="fine d-inline"> </small>? Si c'est bien ça, ça ne fonctionne pas chez moi (Menuder est désactivé). Peut-être y a-t il un conflit avec Bootstrap3 SASS<small class="fine d-inline"> </small>?</p> <p>Y aurait-il une autre solution, par exemple, implanter «<small class="fine d-inline"> </small>smartmenu jquery<small class="fine d-inline"> </small>»dans spip<small class="fine d-inline"> </small>?<br class="autobr"> J'ai essayé mais sans résultat. <br class="autobr"> Merci pour votre aide.</p> Responsive Nav 2018-03-30T09:50:28Z https://contrib.spip.net/Responsive-Nav#comment496470 2018-03-30T09:50:28Z <p>Salut,</p> <p>non, je n'ai jamais été confronté à ce souci et sans exemple en ligne, pas facile de voir ce qu'il se passe :(</p> <p>jean marie</p> Responsive Nav 2018-03-01T18:28:35Z https://contrib.spip.net/Responsive-Nav#comment496103 2018-03-01T18:28:35Z <p>Bonjour, et merci de ton attention.<br class="autobr"> Je développe en local donc pas d'url publique :-/<br class="autobr"> Tu n'as jamais rencontré ce problème<small class="fine d-inline"> </small>?<br class="autobr"> Je précise que SPIP est à jour en 3.2 ainsi que les plugins...</p> Responsive Nav 2018-02-28T11:10:33Z https://contrib.spip.net/Responsive-Nav#comment496080 2018-02-28T11:10:33Z <p>Salut,</p> <p>tu aurais une URL<small class="fine d-inline"> </small>?</p> <p>jean marie</p> Responsive Nav 2018-02-27T17:26:33Z https://contrib.spip.net/Responsive-Nav#comment496069 2018-02-27T17:26:33Z <p>Bonjour, et merci pour ce plugin<small class="fine d-inline"> </small>!<br class="autobr"> Je rencontre cependant un problème : lorsque je lui impose la position absolute (défini dans le fichier mes_fonctions.php, et dans ma css), il me cache le menu...<br class="autobr"> Avec l'inspecteur, je m'aperçois qu'à la ligne 16 du fichier responsive-nav.css.html, la valeur est la suivante :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.js-responsivenav .nav-collapse { clip: rect(0 0 0 0);</code></pre></div> <p>Si je modifie comme ceci ça fonctionne :</p> <div class="precode"><pre class="spip_code spip_code_block" dir="ltr" style="text-align:left;"><code>.js-responsivenav .nav-collapse { clip: auto;</code></pre></div> <p>Le problème est que ces styles sont insérés APRES les miens, et que je ne peux donc pas les surcharger, sauf à les mettre en dur dans mon squelette...<br class="autobr"> Une idée docteur<small class="fine d-inline"> </small>?<br class="autobr"> Merci</p> Responsive Nav 2017-03-20T18:16:11Z https://contrib.spip.net/Responsive-Nav#comment491566 2017-03-20T18:16:11Z <p>Je travaille encore en local, je ne peux donc pas envoyer de lien :-( <br class="autobr"> Si vous avez une idée, je reste preneuse... Le cas échéant, je reviendrai vers vous une fois le site mis en ligne... Merci et bonne fin de journée.</p> Responsive Nav 2017-03-20T15:56:39Z https://contrib.spip.net/Responsive-Nav#comment491563 2017-03-20T15:56:39Z <p>Bonjour Lucy,</p> <p>n'utilisant pas le plugin menuder, il me faudrait un lien pour pouvoir tenter de t'aider.</p> <p>jean marie</p> Responsive Nav 2017-03-20T12:17:13Z https://contrib.spip.net/Responsive-Nav#comment491551 2017-03-20T12:17:13Z <p>Bravo pour ce plugin, qui dans mon cas fonctionne de paire avec le plugin Menuder<small class="fine d-inline"> </small>! <br class="autobr"> Je suis débutante en programmation avec SPIP, et suis vraiment ignorante en PHP... <br class="autobr"> Je souhaite faire figurer l'icône du menu à droite de la navigation. J'ai beau changer la position du bouton dans les paramètres du plugin (gauche / droite), rien n'y fait<small class="fine d-inline"> </small>! Avez-vous une idée de la cause de ce non changement, ou bien savez-vous comment procéder<small class="fine d-inline"> </small>? En vous remerciant,<br class="autobr"> Lucie</p> Responsive Nav 2017-01-28T20:19:02Z https://contrib.spip.net/Responsive-Nav#comment490804 2017-01-28T20:19:02Z <p>Oups<small class="fine d-inline"> </small>! Je me réponds, un « overflow : hidden » qui trainait...<br class="autobr"> Désolé du bruit :)</p> Responsive Nav 2017-01-27T17:43:36Z https://contrib.spip.net/Responsive-Nav#comment490801 2017-01-27T17:43:36Z <p>Bonjour, et merci pour cette contribution :)</p> <p>J'ai un élément de mon menu qui a un sous-menu qui devrait apparaitre au hover sur le « li » ou sur le « li a » et je n'arrive pas à le faire fonctionner correctement (css ou js, ou les deux...).<br class="autobr"> Est-ce lié au plugin<small class="fine d-inline"> </small>? C'est normal docteur<small class="fine d-inline"> </small>?</p> Responsive Nav 2016-11-07T14:55:39Z https://contrib.spip.net/Responsive-Nav#comment489754 2016-11-07T14:55:39Z <p>Salut,</p> <p>le plugin ne gère pas le menu en tant que tel, il ne fait que gérer son affichage en fonction des tailles d'écran. C'est donc à toi de faire le nécessaire dans ton squelette. <br class="autobr"> Par contre, il est prévu pour fonctionne avec un seul menu et non plusieurs.</p> <p>Pour ce qui est du sélecteur, c'est la classe ou l'identifiant de ton menu (généré par ton squelette) et non une balise spip pour insérer le menu.</p> <p>jean marie</p> Responsive Nav 2016-11-04T14:35:37Z https://contrib.spip.net/Responsive-Nav#comment489730 2016-11-04T14:35:37Z <p>Merci pour ce plugin. J'ai deux questions.</p> <p>Où est-ce qu'on indique les entrées du menu qu'affichera le bouton<small class="fine d-inline"> </small>? J'ai trois menus sur le site que je souhaite combiner, il faut donc que je puisse indiquer ce qui doit y figurer... sous forme de boucles ou de liste. Je n'ai trouvé aucun fichier à customiser dans les dossiers du plugin.</p> <p>J'ai renommé le sélecteur #responsive puisque j'utilise déjà #nav. Problème : rien ne s'affiche sur le site à l'endroit où j'ai placé #RESPONSIVE, l'icône n'apparaît pas.<br class="autobr"> Comment doit-on intégrer le menu dans un squelette<small class="fine d-inline"> </small>?</p> Responsive Nav 2016-10-17T10:02:18Z https://contrib.spip.net/Responsive-Nav#comment489418 2016-10-17T10:02:18Z <p>Salut<small class="fine d-inline"> </small>!</p> <p>Là comme ça, pas facile à dire... il faudrait désactiver la compression css pour que les feuilles du styles soient lisibles.<br class="autobr"> Aussi, le thème utilisé est déjà responsive et gère le menu (en tout cas, il le masque sur petit écran), il y peut être un conflit.</p> Responsive Nav 2016-10-15T05:49:10Z https://contrib.spip.net/Responsive-Nav#comment489391 2016-10-15T05:49:10Z <p>Je n'arrive pas à faire afficher tous les items du menu (il y en a 5) sur ce site : <a href="http://www.coffretsforest.com" class="spip_url spip_out auto" rel="nofollow external">www.coffretsforest.com</a></p> Responsive Nav 2016-04-21T13:13:33Z https://contrib.spip.net/Responsive-Nav#comment487074 2016-04-21T13:13:33Z <p>C'est vrai qu'en surchargeant le css, ça devrait marcher, mais pourquoi pas ne rien toucher à la version écran normal ou grand et n'afficher le burger que sur les petits écrans...</p> Responsive Nav 2016-04-21T08:11:00Z https://contrib.spip.net/Responsive-Nav#comment487069 2016-04-21T08:11:00Z <p>Salut,</p> <p>pas testé avec Zoundation, mais tout est à base de CSS, donc ça devrait pouvoir se surcharger.</p> Responsive Nav 2016-04-13T16:33:41Z https://contrib.spip.net/Responsive-Nav#comment487004 2016-04-13T16:33:41Z <p>Bonne idée, <br class="autobr"> mais perturbe le menu existant avec Zoundation sous Spip 3.1.1<br class="autobr"> je désinstalle donc<small class="fine d-inline"> </small>!!!<br class="autobr"> Dommage, Alain.</p> Responsive Nav 2016-04-11T14:53:09Z https://contrib.spip.net/Responsive-Nav#comment486984 2016-04-11T14:53:09Z <p>génial, merci :)</p> <p>mis en place sur deux sites, c'est rapide et efficace. Bravo :)</p>