Slider Visualisierung hüpft auf der Mobilen Ansicht nach oben

  • Hallo,

    wieder einmal muss ich euch mit "meinen" Problemen beschäftigen :(
    Aus meiner letzten Frage und der knappen / meist barschen Antworten ;) kann ich dennoch viel ableiten.

    Wenn ich den Bildschirm unter einer Breite von 640 Pixeln schiebe springt die Visualisierung der einzelnen Bilder von unten (wo sie ein soll) nach ganz oben.
    Ich habe im Quelltext den Punkt herausgesucht.

    element.style {

    }

    media (max-width: 640px) <------Diese Zeile taucht erst auf unter der Bildschirmbreite von 640px. Wie kann ich das auf z.B. 300 ändern.

    bundle.css?…878651304:1
    .zp13sliderWidget:not(.burns) .zp13slider-control-nav {

    1. top: 21px ;
    2. bottom: auto;

    }

    Ich habe bemerkt das meine CSS-Codes keine Wirkung haben bei Zeilen mit der Bezeichnung:

    element.style {

    }

    Würde ich anhand dieser Frage ein Beispiel erhalten, kann ich sicher viel Ableiten, auf für andere / weitere Anpassungen welche die element.style Geschichte betreffen. :)

    Viele Grüße und danke im voraus

    PS: Würden die Knöpfchen nicht nach oben hüpfen, wäre das Problem überhaupt nicht aufgetaucht :)

  • Hallo,

    folgender Code könnte funktionieren (ungetestet):

    Um gezielter helfen zu können, bräuchten wir einen Link zur Website, damit wir das nachvollziehen können.

    element.style wird meist in den Developer-Tools der Browser angezeigt.

    Hier kann man zum Testen dem markierten HTML-Element etwas Inline-CSS hinzufügen.

    element.style ist jedoch kein CSS-Selektor, den man in eigenem CSS verwenden kann.

    Hier mal noch eine gute Seite zum Lernen von HTML/CSS: https://www.mediaevent.de/

    Freundliche Grüße
    Steffen T. (Zeta Producer-Support)

  • Hallo,

    vielen Dank für die schnelle und vor allem freundliche Hilfe,

    ich werde es testen und bei weiterhin bestehendem Probleme mich nochmal mit der Webseite melden.

    Viele Grüße
    Lee

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!