Logo header trop grand.sur tel

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

  • [Problème] Logo header trop grand.sur tel

    Bonjour,
    J'utilise la template helix3 et j'aimerai savoir comment baisser la hauteur du logo mais uniquement sur telephone car sur pc il est parfaitement adapté.
    Fichiers joints

  • #2
    Bonjour , avez-vous un lien ?
    I love overrides
    -------
    UX/UI Designer - Grenoble - greendog.fr

    Commentaire


    • #3
      Envoyé par wabaw Voir le message
      Bonjour , avez-vous un lien ?
      Oui je l'ai upload sur un hébergeur gratuit en attendant : http://painplanche74.000webhostapp.com/
      Dernière édition par worlzedd à 04/03/2021, 03h18

      Commentaire


      • #4
        Bonjour, est-ce que ça n'a pas un rapport avec la taille de la div de class "logo" ? Car l'image prend la width 100% de cette div et je pense que si la width est changée, la hauteur automatique sera changée en conséquence...

        Commentaire


        • #5
          Envoyé par reine-des-glaces Voir le message
          Bonjour, est-ce que ça n'a pas un rapport avec la taille de la div de class "logo" ? Car l'image prend la width 100% de cette div et je pense que si la width est changée, la hauteur automatique sera changée en conséquence...
          Bien vu !
          Par contre je ne toucherais pas à cette div car cela implique de modifier les autres
          ce code ajouté dans custom.css devrait remettre le logo comme il faut
          Code:
          .sp-default-logo.visible-xs {
          width: 50%;
          }
          L'autre solution est d'utiliser le même logo en desktop et mobile. Il passe bien (à mon avis)
          Dernière édition par lomart à 04/03/2021, 08h41
          UP, le plugin universel à découvrir sur https//up.lomart.fr
          bgMax
          , AdminOrder, MetaData, Zoom, ArtPlug, Custom, Memo, Filter, ... sur http://lomart.fr/extensions

          Commentaire


          • #6
            Sous Helix 3 il est aussi possible de choisir les logos séparément pour PC et Mobile.

            Il te suffit de créer 2 images à différentes grandeurs.


            template / style / basic

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

Nom : logo-mobile-helix-3.jpg 
Affichages : 270 
Taille : 33,9 Ko 
ID : 2025306

            Commentaire


            • #7
              Envoyé par lomart Voir le message

              Bien vu !
              Par contre je ne toucherais pas à cette div car cela implique de modifier les autres
              ce code ajouté dans custom.css devrait remettre le logo comme il faut
              Code:
              .sp-default-logo.visible-xs {
              width: 50%;
              }
              L'autre solution est d'utiliser le même logo en desktop et mobile. Il passe bien (à mon avis)
              J'avais mis le même logo mais il était trop pixelisé sur le téléphone. J'ai essayé ta première solution et ça a marché, merci !
              Dernière édition par worlzedd à 04/03/2021, 11h51

              Commentaire


              • #8
                Envoyé par reine-des-glaces Voir le message
                Bonjour, est-ce que ça n'a pas un rapport avec la taille de la div de class "logo" ? Car l'image prend la width 100% de cette div et je pense que si la width est changée, la hauteur automatique sera changée en conséquence...
                Déjà testé mais en faisant ça change la widh de tout les autres

                Commentaire

                Annonce

                Réduire
                Aucune annonce pour le moment.

                Partenaire de l'association

                Réduire

                Hébergeur Web PlanetHoster
                Travaille ...
                X