Centrer le menu horizontal de Protostar

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

  • [RÉGLÉ] Centrer le menu horizontal de Protostar

    Bonsoir à tous,

    J'ai écumé tous les sujets traitant du centrage du menu de Protostar sur Internet, tenté pleins de méthodes, mais rien n'y fait, je n'arrive pas à centrer mon menu.

    Le site se trouve ici : http://archersdevillebon.fr/
    Je voudrais centrer le menu horizontal, mais impossible d'y arriver...

    Une idée ?

    Merci!

    K.
    Dernière édition par Keichi à 28/02/2016, 13h36

  • #2
    Re : Centrer le menu horizontal de Protostar

    agence Web 54, communication digitale et création de sites web à Nancy / Lorraine depuis 2009. Des sites professionnels, modernes et clés en mains.

    Le menu protostar n'est pas centré par défaut et il n'existe pas d'option pour le faire.

    Il existe une solution par les CSS, c'est à dire par les feuilles de styles.

    Allez dans votre feuille de style personnalisée ou dans template.css pour édition.

    Ajoutez ces lignes :

    .navigation {
    float: left;
    position: relative;
    left: 50%;
    }

    .nav-pills.nav.menu {
    float: right;
    right: 50% !important;
    position: relative;
    }

    Votre menu sera centré.
    aidons nous les uns les autres ...

    https://www.web54.fr

    Commentaire


    • #3
      Re : Centrer le menu horizontal de Protostar

      Merci pour la réponse, tataye.
      Mais cette solution ne fonctionne pas chez moi

      Et je ne comprends pas pourquoi...

      Ca me fait ça :
      Cliquez sur l'image pour l'afficher en taille normale

Nom : Capture d’écran 2016-02-28 à 00.13.36.jpg 
Affichages : 1 
Taille : 9,7 Ko 
ID : 1805396
      Dernière édition par Keichi à 28/02/2016, 00h15

      Commentaire


      • #4
        Re : Centrer le menu horizontal de Protostar

        essaye cela :

        nav.navigation {
        float: left;
        position: relative;
        left: 50%;
        border: none;
        }
        .nav-collapse {
        float: right;
        position: relative;
        right: 50%;
        }
        aidons nous les uns les autres ...

        https://www.web54.fr

        Commentaire


        • #5
          Re : Centrer le menu horizontal de Protostar

          sinon, cette méthode marche aussi :

          nav.navigation {
          width: 100%;
          }
          .nav-collapse {
          margin: auto;
          width: auto;
          display: table;
          }
          aidons nous les uns les autres ...

          https://www.web54.fr

          Commentaire


          • #6
            Re : Centrer le menu horizontal de Protostar

            le fait est que tu n'utilises pas le menu joomla mais ari ext menu
            il faut donc que tu te poses la question : comment centrer un ari ext menu
            aidons nous les uns les autres ...

            https://www.web54.fr

            Commentaire


            • #7
              Re : Centrer le menu horizontal de Protostar

              Envoyé par tataye Voir le message
              le fait est que tu n'utilises pas le menu joomla mais ari ext menu
              il faut donc que tu te poses la question : comment centrer un ari ext menu
              Merci !!

              C'était à cause de ça.
              J'ai été fouillé le forum de ARI ext et c'est tout bon.

              Merci tataye!
              Dernière édition par Keichi à 28/02/2016, 13h35

              Commentaire

              Annonce

              Réduire
              Aucune annonce pour le moment.

              Partenaire de l'association

              Réduire

              Hébergeur Web PlanetHoster
              Travaille ...
              X