Menu Off-canvas invisible sur mobiles

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Menu Off-canvas invisible sur mobiles

    Bonjour à toutes et tous
    Je bute sur un problème que je n'arrive pas à comprendre.
    Sur mon template (Decora de Joomshaper), je souhaite que mon menu ne s'affiche que sous forme Off-canvas pour ne pas surcharger mon site.
    Il apparait bien en mode ordi ou tablette mais reste invisible sur les portables lorsque je clique sur l'icone hamburger
    Idem si je paramètre le menu en affichage normal (ce que je ne souhaite pas faire d'ailleurs)
    Est-ce que quelqu'un aurait une explication ?
    Merci d'avance pour vos lumières
    Cordialement
    PS, URL de mon site : http://www.dikansky-architecte.com/
    Dernière édition par surfeur1912 à 26/04/2022, 08h26

  • #2
    Envoyé par surfeur1912 Voir le message
    Bonjour à toutes et tous
    Je bute sur un problème que je n'arrive pas à comprendre.
    Sur mon template (Decora de Joomshaper), je souhaite que mon menu ne s'affiche que sous forme Off-canvas pour ne pas surcharger mon site.
    Il apparait bien en mode ordi ou tablette mais reste invisible sur les portables lorsque je clique sur l'icone hamburger
    Idem si je paramètre le menu en affichage normal (ce que je ne souhaite pas faire d'ailleurs)
    Est-ce que quelqu'un aurait une explication ?
    Merci d'avance pour vos lumières
    Cordialement
    PS, URL de mon site : http://www.dikansky-architecte.com/

    Chez moi il est présent !

    Commentaire


    • #3
      Salut

      Regarde dans le fichier /template/ton_template/css/bootstrap.min.css s'il n'y a pas une règle du genre .collapse:not(.show) {display:none;} pour les medias-screens de petites valeurs.
      Chez moi, la règle s'applique à @media (prefers-reduced-motion:reduce)

      A+

      Commentaire


      • #4
        Merci pour vos deux commentaires.

        Helloo , je ne comprends pas. C'est sur un Iphone ou sur un Android que tu le vois apparaître ?
        Colnem30, Effectivement, j'ai trouvé cette règle dans le fichier que tu mentionnes.
        La voilà : collapse:not(.show){display:none}
        Par quoi faudrait-il que je la remplace ?
        Merci d'avance

        Commentaire


        • #5

          Chez moi le menu off-canvas est visible, mais pas les liens.

          Commentaire


          • #6
            En tout cas sur la démo du template, tout fonctionne correctement.



            Pose voir la question chez JoomShapper:



            EDIT: comme je vois tu leurs a déjà poser la question, mais sans nous prévenir.... pas sympa ça...
            Dernière édition par Helloo à 22/04/2022, 13h50

            Commentaire


            • #7
              Colnem30, Effectivement, j'ai trouvé cette règle dans le fichier que tu mentionnes.
              La voilà : collapse:not(.show){display:none}
              Par quoi faudrait-il que je la remplace ?


              Tu peux la supprimer (tu remplaces display: par _display pour en garder la trace si ce n'est pas efficace).
              A+

              Commentaire


              • #8
                Helloo

                Première chose à regarder:

                Contenus/modules, faire une recherche sur la position off-canvas. Tu dois retrouver le Main menu. Vérifie que le niveau de départ soit à 1 et le dernier niveau à Tous.

                Commentaire


                • #9
                  Merci Colnem30

                  Mais je n'emploie pas ce template et je n'ai pas de problème. Je voulais simplement dire que sur l'iPad l'off-canvas est visible mais pas les liens, concernant le site de surfeur1912 .

                  Commentaire


                  • #10
                    Envoyé par Colnem30 Voir le message
                    Colnem30, Effectivement, j'ai trouvé cette règle dans le fichier que tu mentionnes.
                    La voilà : collapse:not(.show){display:none}
                    Par quoi faudrait-il que je la remplace ?


                    Tu peux la supprimer (tu remplaces display: par _display pour en garder la trace si ce n'est pas efficace).
                    A+

                    Mieux serait un fichier custom.css, car à la prochaine mise à jour, les modifs auront disparu.

                    Commentaire


                    • #11
                      Bien sûr: mon conseil n'est que provisoire, pour voir si son erreur est la même que la mienne.

                      Commentaire


                      • #12
                        Envoyé par Helloo Voir le message
                        Chez moi le menu off-canvas est visible, mais pas les liens.
                        Ah oui c'est ca.. C'est donc le même problème sur tous les portables. Le volet s'affiche mais pas les liens

                        Commentaire


                        • #13
                          Envoyé par
                          [B
                          EDIT:[/B] comme je vois tu leurs a déjà poser la question, mais sans nous prévenir.... pas sympa ça...
                          https://www.joomshaper.com/forum/question/13660

                          Désolé mais justement c'était pour ne pas vous embêter avec mon problème.
                          J'ai d'abord demandé à JoomShaper s'ils avaient une soluce mais comme ils ne répondaient pas je vous ai sollicité... Promis, je recommencerai pas !

                          Commentaire


                          • #14
                            Envoyé par Colnem30 Voir le message
                            Helloo

                            Première chose à regarder:

                            Contenus/modules, faire une recherche sur la position off-canvas. Tu dois retrouver le Main menu. Vérifie que le niveau de départ soit à 1 et le dernier niveau à Tous.
                            J'ai regardé et tout est comme tu l'indiques. Mais le problème reste le même

                            Commentaire


                            • #15
                              Envoyé par Colnem30 Voir le message
                              Colnem30, Effectivement, j'ai trouvé cette règle dans le fichier que tu mentionnes.
                              La voilà : collapse:not(.show){display:none}
                              Par quoi faudrait-il que je la remplace ?


                              Tu peux la supprimer (tu remplaces display: par _display pour en garder la trace si ce n'est pas efficace).
                              A+
                              J'ai essayé. Pas de changement

                              Commentaire

                              Annonce

                              Réduire
                              Aucune annonce pour le moment.

                              Partenaire de l'association

                              Réduire

                              Hébergeur Web PlanetHoster
                              Travaille ...
                              X