Teaser Slider rutscht unter header

Thema wurde von schoscho82, 26. Mai 2020 erstellt.

  1. schoscho82

    schoscho82 Mitglied

    Registriert seit:
    15. Februar 2019
    Beiträge:
    16
    Danke erhalten:
    1
    Danke vergeben:
    9
    Hallo Zusammen

    Bei mir ist der Teaser Slider unter den Header gerutscht. Weiss grad nicht genau wie das ganze ändern. Zudem wird der Slider kleiner dargestellt als er eigentlich sein sollte.

    Weiss da jemand Rat?

    Danke schonmal Den Anhang 30215 betrachten
     
  2. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Das sieht auf dem Bild so aus, als hättest Du den Slider, wo eigentlich noch ein Bild rechts daneben eingefügt werden kann.
    Wenn der Slider unter den Header rutscht ist meist die Höhe des Headers falsch
     
  3. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Header scheint zu passen.
    welchen Slider hast Du eingestellt im Style Editor?
    es gibt da 3 Verschiedene.
    1x mit dem Bild daneben, einmal über die ganze Breite und einmal über geht das über den Header.
    Eventuell musst Du da einmal die Einstellung ändern.
    Die Breite spricht allerdings eher für die Version mit dem Bild....
     
  4. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Dein Header ist
    Obere Leiste 30px + Logo-Zeile 84px + Kategorie-Leiste 40 = 154px
    Als gesamte Höhe sind aber nur 118px angegeben. Würde ich mal auf 158px erhöhen.

    Obgleich das bei mir gerade nichts ändert....
    könnte aber eine Einstellung im SE setzen, die ich bei mir manuell machen müsste.
     
  5. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Versuche mal das:
    Code:
    @media (min-width: 768px){
    body #stage {
        margin-top: 0;
    }}
    im eigenen css.
     
  6. schoscho82

    schoscho82 Mitglied

    Registriert seit:
    15. Februar 2019
    Beiträge:
    16
    Danke erhalten:
    1
    Danke vergeben:
    9
    Mega! Es hat geklappt Barbara. Vielen Dank dafür :) Weisst du evt.wie ich die beiden Bilder neben den grossen Slider bekomme?
     
  7. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Da ist im Content-Manager unter Elemente -> Startseite entweder eine "Freier Inhalt 1" oder in einem aktuellen Shop "Freier Inhalt 1 (Malibu)"
    Da kommen die Bilder rein.
    Wie man das im Quellcode richtig einfügt, habe ich mindestens einmal geschrieben....
     
  8. schoscho82

    schoscho82 Mitglied

    Registriert seit:
    15. Februar 2019
    Beiträge:
    16
    Danke erhalten:
    1
    Danke vergeben:
    9
    Top. Vielen Dank, werd ich gleich mal versuchen. :)
     
  9. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    Der Quellcode:
    (Link nur für registrierte Nutzer sichtbar.)
     
  10. barbara

    barbara G-WARD 2014-2020

    Registriert seit:
    14. August 2011
    Beiträge:
    35.352
    Danke erhalten:
    11.198
    Danke vergeben:
    1.601
    versuche es mit:
    Code:
    <div class="col-xs-6 col-md-12" style="margin-bottom:5px;">
        <a class="teaser" href="Kategorie/"><img alt="text" class="img-responsive" src="images/Bild-1.jpg" /> </a>
    </div>
    <div class="col-xs-6 col-md-12">
        <a class="teaser" href="Kategorie/"><img alt="text" class="img-responsive" src="images/Bild-2.jpg" /> </a>
    </div>
    die px musst Du vermutlich anpassen.