Template Helix Ultimate. Pb comment mettre le menu à gauche

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

  • [RÉGLÉ] Template Helix Ultimate. Pb comment mettre le menu à gauche

    Bonjour
    J'utilise le template Hélix Ultimate et ai fixé Le sélecteur de Header Prédéfini. Or le menu est affiché à droite et je voudrais qu'il soit affiché à gauche !
    Ou cela est-il défini, dans quel CSS ... Template.CSS, rtl.CSS ... j'ai fait quelques modifs sans succès.
    Si quelqu'un à une idée, ça m'aiderai grandement.
    Merci

    Jp83

  • #2
    Bonjour.

    Peu importe dans quelle css cela est implémenté puisqu'on ne touche pas aux CSS originales.

    Dans un fichier custom.css à placer dans le dossier css du template, ce qui suit devrait suffire :

    Code HTML:
    /* HEADER INVERSÉ */
    #sp-header .row {
      flex-direction: row-reverse;
    }
    #sp-header .row .sp-megamenu-parent {
      float: left;
    }
    Cordialement.
    __
    Eddy !!!
    Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

    Commentaire


    • #3
      Bonjour
      Je viens de tester, effectivement ça inverse tout. Mais ce que je veux faire ne concerne que la partie texte. En fait je voudrais que accueil, Infos, Actualités, Entrainements, Adhésion viennent à gauche ou centré. ne peut pas t-on faire align-content center ?
      Mon site : www.sanaryrunning.fr

      Merci pour ton aide

      Commentaire


      • #4
        J'ai du mal comprendre ta demande.
        Du coup faut que je refasse un test...

        Essayez ça :
        Code:
        .sp-megamenu-parent: float:none;
        Dernière édition par Eddy.vh à 07/04/2019, 08h44
        Cordialement.
        __
        Eddy !!!
        Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

        Commentaire


        • #5
          Bonjour Eddy
          En appliquant :
          /* HEADER INVERSÉ */ #sp-header .row { flex-direction: row-reverse; } #sp-header .row .sp-megamenu-parent { float: left; } L'image 1 devient image 2 par contre ou dois-je placer :
          .sp-megamenu-parent: float:none; ... j'ai essayé de le mettre à la place de #sp-header .row .sp-megamenu-parent mais ça ne change rien. Cliquez sur l'image pour l'afficher en taille normale

Nom : Header normal.JPG 
Affichages : 334 
Taille : 25,7 Ko 
ID : 1998930Cliquez sur l'image pour l'afficher en taille normale

Nom : Header-1.JPG 
Affichages : 321 
Taille : 14,5 Ko 
ID : 1998931

          par contre : avec un justify-content ... c'est pratiquement ce que je voudrais, si ce n'est que l'icone Facebook qui est dans le menu, je voudrais qu'elle soit à droite ( en fait que Accueil, Infos, ... Adhésion soit alignés gauche ou center mais l'icone FCB soit à droite .
          /* HEADER INVERSÉ */
          #sp-header .row {
          justify-content: center;
          }
          #sp-header .row .sp-megamenu-parent {
          float: left;
          }

          . Cliquez sur l'image pour l'afficher en taille normale

Nom : Header justify-content center.JPG 
Affichages : 319 
Taille : 20,6 Ko 
ID : 1998932
          Voilà ce que je voudrais obtenir.
          Merci

          Commentaire


          • #6
            Il faut appliquer l'un ou l'autre, pas les deux en même temps.
            Cordialement.
            __
            Eddy !!!
            Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

            Commentaire


            • #7
              C'est cette partie du code qui est en trop ?
              #sp-header .row .sp-megamenu-parent {
              float: left;
              .

              Commentaire


              • #8
                Bonjour Eddy
                J'ai tardé à te répondre car j'ai du m'absenter !
                Comme je disais, le fait d'ajouter un justify-content : center; au code me permettait de régler mon problème.
                J'aimerai en savoir plus sur le Template ultimate, est-il possible d'accéder aux bibliothèques du Template ?
                #sp-header.row est certainement une fonction appartenant au Template car je ne l'ai pas trouvé dans la biblio Joomla.
                Je te remercie pour ton aide.
                Jp83

                Commentaire


                • #9
                  Je ne comprends pas bien ce que tu entends par bibliotheque du template.

                  Pour en savoir plus sur Helix Ultimate, il y a la doc en ligne chez Joomshaper.
                  Cordialement.
                  __
                  Eddy !!!
                  Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

                  Commentaire


                  • #10
                    Je pense que l'équipe qui à fait Helix ultimate utilise une bibliothèque "maison" ! car :
                    #sp-header.row est -elle une fonction générique ou spécifique à Helix ?
                    Sur le site d'Helix j'ai lu la doc traduite en français, mais c'est relativement succinct … pas de détail du code .
                    Cordialement

                    Jp83

                    Commentaire


                    • #11
                      Je ne comprend toujours pas ce que tu cherches...
                      Place tes règles css dans un fichier custom.css, ça résoudra ton problème de menu !


                      Dernière édition par Eddy.vh à 10/04/2019, 19h20
                      Cordialement.
                      __
                      Eddy !!!
                      Tutoriels BreezingForms en Français : https://www.breezingforms.eddy-vh.com/

                      Commentaire


                      • #12
                        Ok Merci !

                        Jp83

                        Commentaire

                        Annonce

                        Réduire
                        Aucune annonce pour le moment.

                        Partenaire de l'association

                        Réduire

                        Hébergeur Web PlanetHoster
                        Travaille ...
                        X