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
    #1 schoscho82, 26. Mai 2020
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #2 barbara, 26. Mai 2020
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #3 barbara, 26. Mai 2020
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #4 barbara, 26. Mai 2020
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #5 barbara, 26. Mai 2020
    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
    #6 schoscho82, 26. Mai 2020
    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.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #7 barbara, 26. Mai 2020
    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
    #8 schoscho82, 26. Mai 2020
    Top. Vielen Dank, werd ich gleich mal versuchen. :)
     
  9. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #9 barbara, 26. Mai 2020
    Der Quellcode:
    (Link nur für registrierte Nutzer sichtbar.)
     
  10. barbara
    barbara G-WARD 2014-2020
    Registriert seit:
    14. August 2011
    Beiträge:
    35.657
    Danke erhalten:
    11.371
    Danke vergeben:
    1.616
    #10 barbara, 27. Mai 2020
    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.