Logo in der Handyversion verrutscht

Thema wurde von Anonymous, 18. Juli 2019 erstellt.

  1. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2016
    Beiträge:
    199
    Danke erhalten:
    3
    Danke vergeben:
    97
    Auf (Link nur für registrierte Nutzer sichtbar.) ist in der Handyversion das Logo nach unten verrutscht. Wie lange das schon so ist, weiss ich nicht, es war jedenfalls mal da, wo es hin soll, in der Mitte des Headers.

    Kann mir jemand helfen, die Ursache zu finden?

    Danke schon mal für Eure Mühe.

    upload_2019-7-18_13-54-48.png
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Prüfe einmal Deine Einstellungen im SE bei Header -> Logo -> Höhe Mobil.
    Du hast da irgendwie 130px, deshalb rutscht das nach unten.
     
  3. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2016
    Beiträge:
    199
    Danke erhalten:
    3
    Danke vergeben:
    97
    ich finde nur das da:

    upload_2019-7-18_14-18-39.png

    Bei Sticky stand auch 130px, hab ich auf 80px geändert, hatte damit aber keinen Erfolg.
    Wenn ich die oberen 130px verkleinere, wirkt das nur auf die Desktopversion.
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Und wie ist die Einstellung bei Header?
     
  5. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2016
    Beiträge:
    199
    Danke erhalten:
    3
    Danke vergeben:
    97
  6. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das sollte passen....
    Hast Du etwas dazu im eigenen css stehen?
     
  7. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2016
    Beiträge:
    199
    Danke erhalten:
    3
    Danke vergeben:
    97
    Ich glaub nicht, dass dazu etwas im eigenen CSS steht, überhaupt hätte ich nie anfangen dürfen, da was reinzuschreiben, bin kenntnismäßig einfach nicht mehr auf der Höhe, die neuste Erkenntnis...

    Code:
    .subcategories-listing-container .subcategories-listing .subcategory-item {
        box-shadow: 5px 10px 5px 5px #e1e1e1;
        margin: 5px 5px 5px 10px;
      padding: 15px 5px 5px 10px;
       width: 200px;
      font-size: 14px;
      font-weight: bold;
    }
    @media (max-width: $screen-xs-max) {
        .navbar-categories > ul > li {
            width: 100%;
        }
    }
    
    #cart-container.navbar-cart > ul > li > ul.dropdown-menu.cart-empty > .cart-dropdown-inside {
        color: #000000;
    }
    
    .navbar-search-input-group .navbar-search-input-group-btn > ul.dropdown-menu {  
        height:  50px  ;
    }
    
    #wrapper {
        margin-top: 40px !important   
    }
    
    
    p.leder {
    color : #e0c25e;
    font-weight : bold;
    text-align: left;
    text-shadow: 10px 11px 10px black;
    }
    
    #custom-1 {
        height: 130px;
    }
    
    .productlist-viewmode-list .product-container {
        border-bottom: 1px solid #90a8bd;
    }
    
    #header {
        color: white; 
    }
    
    
    
    .navbar-nav > li {
        float: left;
      border:  1px solid #746fa6;
    }
    
    
    
    #navbar-brand  {
    height: 130px;
    }
    Das darin enthaltene

    Code:
    #custom-1 {
        height: 130px;
    }
    Sagt mir nichts, habs mal rausgenommen, kein Effekt.
     
  8. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das ist die Höhe für den Freien Inhalt im Header.

    Das hier:
    Code:
    #navbar-brand  {
    height: 130px;
    }
    Ist das Logo.
    Nimm das einmal testweise raus.
    Wenn das Logo dann nciht richtig angezeigt wird, muss man das mit @media.....einfügen.
     
  9. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2016
    Beiträge:
    199
    Danke erhalten:
    3
    Danke vergeben:
    97
    Puhh... das wars. Habs rausgenommen und schon rutscht das Logo an seinen Platz. Vielen Dank für die Mühe, die Du Dir immer gibst!
     
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    gerne :)
    passt es denn noch auf dem PC-Monitor?
     
  11. Anonymous

    Anonymous Erfahrener Benutzer

    Registriert seit:
    14. Oktober 2016
    Beiträge:
    199
    Danke erhalten:
    3
    Danke vergeben:
    97
    ja, es passt in allen Größen, ich schaue sowiso fast immer erst mal die PC-Version an, bin immer noch darauf fixiert, obwohl meine Kunden längst mit Handys kommen, muss mich dringend umgewöhnen und auch die Handyversion besser machen.