Centrer le menu principal en position fixe

Réduire
Une réponse a été apportée à ce sujet.
X
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • [RÉGLÉ] Centrer le menu principal en position fixe

    Salut

    Je viens de mettre en ligne mon site avec Joomla 4.3.2. Mais je viens de me rendre compte que le menu principal est centré a gauche et non au centre.

    J'ai pourtant mis :

    Code:
    .sticky-header .navbar {
        margin:0 auto 0 auto;
        width:$largeur-site;
    }
    Le cache du Firefox est vide et j'ai même essayé dans un autre navigateur.

    Le site : www.sorgin-informatique.com
    Sur mon site www.nenex-ordinateur-libre.net : tutos sur des logiciels et services libres.

    Association Sorgin Informatique Libre ( www.sorgin-informatique-libre.org). Education populaire au numérique libre et au libre en général.
  • Réponse sélectionnée par schtroumph, le 04/07/2023, 08h42.

    Bonjour,

    Essayez de remplacer votre code par
    Code:
    .grid-child.sticky-header{
                  justify-content: center
    }
    N'oubliez pas de supprimer votre ajout .sticky-header .navbar

    Pascal

    Commentaire


    • #2
      Bonjour,

      Essayez de remplacer votre code par
      Code:
      .grid-child.sticky-header{
                    justify-content: center
      }
      N'oubliez pas de supprimer votre ajout .sticky-header .navbar

      Pascal
      If anything can go wrong, it will...If I can help, I will ..https://conseilgouz.com

      Commentaire


      • #3
        Bonjour,

        Je propose le code suivant et en enlevant le "padding:235px" qui se trouve à la ligne 128

        Code HTML:
        .container-header .container-nav {
          margin: 0;
          justify-content: center;
        }​
        schtroumph aime ceci.

        Commentaire


        • #4
          Envoyé par pmleconte Voir le message
          Bonjour,

          Essayez de remplacer votre code par
          Code:
          .grid-child.sticky-header{
          justify-content: center
          }
          N'oubliez pas de supprimer votre ajout .sticky-header .navbar

          Pascal
          Merci pour le tuyau.

          Envoyé par Helloo Voir le message
          Bonjour,

          Je propose le code suivant et en enlevant le "padding:235px" qui se trouve à la ligne 128

          Code HTML:
          .container-header .container-nav {
          margin: 0;
          justify-content: center;
          }​
          Si j'enlève le padding je dois faire le décalage d'une autre manière et donc revoir mon code pour le responsive. Mais merci quand même pour ta solution
          Sur mon site www.nenex-ordinateur-libre.net : tutos sur des logiciels et services libres.

          Association Sorgin Informatique Libre ( www.sorgin-informatique-libre.org). Education populaire au numérique libre et au libre en général.

          Commentaire

          Annonce

          Réduire
          Aucune annonce pour le moment.

          Partenaire de l'association

          Réduire

          Hébergeur Web PlanetHoster
          Travaille ...
          X