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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    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.