Logo responsive sur protostar

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

  • [RÉGLÉ] Logo responsive sur protostar

    Bonjour,

    J'ai un site avec template protostar programmé en fluide.

    Le site est bien responsive mais pas le logo. (voir ci-dessous)

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

Nom : Sans titre-1.jpg 
Affichages : 1 
Taille : 135,9 Ko 
ID : 1820868

    Et si j’agrandis l'image, sur un pc avec une résolution inférieure, évidement il en manque un morceau.

    J'ai réussi à enlever la marge supérieure mais comment faire pour les marges de gauche est droite ?

    Merci
    Dernière édition par Magalux à 02/12/2014, 11h39

  • #2
    Re : Logo responsive sur protostar

    C'est bon pour le logo responsive, je l'ai placé en bannière.
    Me reste les marges, qui apparaissent à gauche et à droite, sur pc uniquement, sur tél c'est bon il n'y a pas de marges.

    Commentaire


    • #3
      Re : Logo responsive sur protostar

      Salut
      Sans lien vers ton site on ne pourras pas t'aider pour le css
      Mais il existe des outils comme l'inspecteur de chrome et firebug
      Auto-entrepreneur spécialiste Joomla https://www.stylitek.com

      Joomladay 2023 https://www.joomladay.fr/ 2 jours à ne pas manquer

      Commentaire


      • #4
        Re : Logo responsive sur protostar

        Bonjour,

        Merci de votre réponse, voici l'adresse du site temporaire : http://essaisitemag.hebergratuit.net/joomla_agence/

        Merci

        Commentaire


        • #5
          Re : Logo responsive sur protostar

          Je n'ai jamais utilisé protostar, donc je ne le connais pas.
          Là je suis au boulot et je ne peux accéder à ton site pour le voir avec le lien que tu as donné. Certainement les protection de la boîte ou je bosse qui m'en empêche.
          Pour les marges, c'est le "width" de ton template qui doit être définis en px à 800 ou 1280 px par exemple. En le passant à 100% le pb serait résolu. Si c'e n'es pas ça, c'est que des marges de x% sont définies sur ton template à gauche et à droite. il faut les supprimer ou les modifier.

          Commentaire


          • #6
            Re : Logo responsive sur protostar

            Bonjour,

            Merci de votre réponse, je vous joins le fichier CSS en version pdf.
            Parmis tous ces champs je ne trouve pas les bons ..... Je précise que je l'ai mis en fluide depuis le backend, donc j'imagine que la balise width doit être en 100%.

            Je souhaite également centrer mon menu mais sans succès. Le menu est tout en bas intitulé .menu-style ....

            Commentaire


            • #7
              Re : Logo responsive sur protostar

              Bonjour Magalux,

              Pour les marges, mettre à la fin de template.css :
              Code:
              .body .container-fluid { padding: 0; }
              .header { margin-bottom: 0; }
              J'ai précisé .body pour que la suppression des marges de .container-fluid n'aie pas d'effet sur le module de connexion mis dans le footer.

              Amicalement,
              Rajoz

              Commentaire


              • #8
                Re : Logo responsive sur protostar

                C'est parfait ! Merci Rajoz
                Me reste à centrer mon menu horizontalement.

                Commentaire


                • #9
                  Re : Logo responsive sur protostar

                  Bonjour Magalux,

                  Pour centrer le menu horizontal, tu peux ajouter à la fin de template.css :
                  Code:
                  .moduletable_menu { text-align: center; }
                  .menu-style { display: inline-block; }
                  Amicalement,
                  Rajoz

                  Commentaire


                  • #10
                    Re : Logo responsive sur protostar

                    Bonjour Rajoz,

                    Encore une fois c'est parfait !

                    Sujet clos, merci mille fois

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X