Unterhalb SLIDER ungewollter Leerbereich

Andreas

Hallo Leute,

ich benutze auf meiner Startseite oben als erstes Element (nicht im Headbereich) einen Slider( 5 Bilder, Ken-Burns-Effekt, Randlos ).

Direkt darunter in der nächsten "Reihe" Linkboxen. Alle Randangaben mit 0 Pixel.

In der Desktopansicht schließen beide Reihen direkt aneinander wie gewollt, in der mobilen Ansicht (Handy) habe ich jedoch einen Leerbereich zwischen Slider und nächster Reihe von ca 20-30 Px.

Im Leerbereich sieht man hier das Hintergrundbild.

Wie könnte man sowas in der Griff bekommen?

Für irgendwelche Ideen schon mal vielen Dank.

Steffen T.

Hallo,

das müssten wir zumindest mal online sehen können.

Wie lautet denn die Web-Adresse?

Andreas

Hei Steffen,

https://interstuhl-cup.de/index.html

Steffen T.

Hm, Ursache sind evtl. die Einstellungen in den Darstellungs-Optionen.

Siehe https://docs.zeta-producer.com/reihen-bearbeiten.html

Bitte die Einstellungen dort mal überprüfen.

Andreas

Hei,

Einstellungen überprüft, alle i.O.

Zum Test eine neue Seite erstellt. Zuerst das widget "Slider", darunter Linkboxen, oder Text-widget, egal was.

Alle Darstellungs-Abstände auf 0 px gesetzt. Die Ansicht ist nun OHNE Fehler.

Einstellung Slider

Sobald jedoch in den Einstellungen des Slider-Widgets die Option "Randlos" gewählt wird, gerät der Slider mit darunterliegender Reihe in trouble und schiebt sich ineinander.

Da liegt meines Erachtens der Fehler.

Steffen T.

Hallo,

ich kann das bei mir in einem Testprojekt leider nicht reproduzieren.

Nachfolgendes CSS könnte aber helfen.

Dieses bitte unter "Einstellungen > CSS" einfügen.

CSS

<style>
@media (max-width: 479px) {
      .zpContainer div.zpRow {
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }
}
</style>

Andreas

Hat das Problem leider nicht gelöst.

Steffen T.

Hallo,

der CSS-Code ist auch nicht auf der Website!?

Andreas

Habe ihn auch wieder entfernt, da er weder eine Lösung beim Sliderthema gebracht hat, sondern auch negativ auf anderen Parts meiner Seite auswirkte.

elch

Hallo Andreas

Ich hatte eben gerade etwas herumgespielt ...

Hilft eventuell dies?

CSS

@media (max-width: 479px) {
  .responsivelayout div.zpRow .zpColumn:not(.styled) {
    margin-bottom: 0px !important;
  }
}

Viel Erfolg und viele Grüsse

elch

Andreas

Hallo elch,

Treffer!

Musste zuerst die gesamte website kontrollieren, das dauerte

Mit diesem Code ist nun dieser merkwürdige Abstand zwischen Slider und der darunter anschließenden Reihe auch in der mobile-Ansicht (Handy) verschwunden.

Andere "gewollte" und so in den Darstellungs-EInstellungen so hinterlegte Abstände bleiben dabei erhalten.

Also alles wunderbar und so wie es sein sollte.

Vielen lieben Dank elch für diese saubere und funktionable Lösung.

Danke auch an Steffen.

Unterhalb SLIDER ungewollter Leerbereich

Jetzt mitmachen!

Hilfe zum Support-Forum

Wollen Sie eine professionelle Website erstellen?