Edit History

Bonjour,

Je galère à trouver le bon fichier pour faire des modifications sur mon logo sur la version mobile.

Je voudrais surtout augmenter sa taille, car il apparaît tout petit en version mobile.

J'ai essayé: /public_html/themes/sellon/_dev/css/theme.scss (partie 'responsive part'):

/*** Responsive part ***/
@include media-breakpoint-down(sm) {
  #wrapper {
    box-shadow: none;
  }
  #checkout-cart-summary {
    float: none;
    width: 100%;
    margin-top: 1rem;
  }
  #header {
    background: $gray-light;
    .header-nav {
      max-height: 50px;
      background: white;
      margin-bottom: rem(10px);
      color: $gray-darker;
      #menu-icon {
          .material-icons{
              color: white;
          }
      }
      .logo{
          margin-top: 0px;
      }
      .top-logo {
        line-height: 50px;
        vertical-align: middle;
        width: 100px;
        margin: 0 auto;
        padding-top: rem(10px);
        a {
          img {
            max-height: 50px;
            max-width: 80%;
          }
        }
      }

J'ai fait pas mal de testes avec ce fichier mais rien ne bouge.

Je me demande alors si je suis sur le bon fichier ou pas..

Merci pour votre aide!

Bonjour,

Je galère à trouver le bon fichier pour faire des modifications sur mon logo sur la version mobile.

Je voudrais surtout augmenter sa taille, car il apparaît tout petit en version mobile.

J'ai essayé: /public_html/themes/sellon/_dev/css/theme.scss (partie 'responsive part'):

/*** Responsive part ***/
@include media-breakpoint-down(sm) {
  #wrapper {
    box-shadow: none;
  }
  #checkout-cart-summary {
    float: none;
    width: 100%;
    margin-top: 1rem;
  }
  #header {
    background: $gray-light;
    .header-nav {
      max-height: 50px;
      background: white;
      margin-bottom: rem(10px);
      color: $gray-darker;
      #menu-icon {
          .material-icons{
              color: white;
          }
      }
      .logo{
          margin-top: 0px;
      }
      .top-logo {
        line-height: 50px;
        vertical-align: middle;
        width: 100px;
        margin: 0 auto;
        padding-top: rem(10px);
        a {
          img {
            max-height: 50px;
            max-width: 80%;
          }
        }
      }

J'ai fait pas mal de testes avec ce fichier mais rien ne bouge.

Je me demande alors si je suis sur le bon fichier ou pas..

Merci pour votre aide!

Bonjour,

Je galère à trouver le bon fichier pour faire des modifications sur mon logo sur la version mobile.

Je voudrais surtout augmenter sa taille, car il apparaît tout petit en version mobile.

J'ai essayé: /public_html/themes/sellon/_dev/css/theme.scss (partie 'responsive part'):

/*** Responsive part ***/
@include media-breakpoint-down(sm) {
  #wrapper {
    box-shadow: none;
  }
  #checkout-cart-summary {
    float: none;
    width: 100%;
    margin-top: 1rem;
  }
  #header {
    background: $gray-light;
    .header-nav {
      max-height: 50px;
      background: white;
      margin-bottom: rem(10px);
      color: $gray-darker;
      #menu-icon {
          .material-icons{
              color: white;
          }
      }
      .logo{
          margin-top: 0px;
      }
      .top-logo {
        line-height: 50px;
        vertical-align: middle;
        width: 100px;
        margin: 0 auto;
        padding-top: rem(10px);
        a {
          img {
            max-height: 50px;
            max-width: 80%;
          }
        }
      }

J'ai fait pas mal de testes avec ce fichier mais rien ne bouge.

Je me demande alors si je suis sur le bon fichier ou pas..

Merci pour votre aide!