• Gelöst halovic19

    (@halovic19)


    Hallo Zusammen,

    ich nutze das Affiliate Theme und würde gerne in der mobilen Ansicht meine Sidebar nach oben schieben. Aktuell ist sie ganz unten verankert, was bei einem Produktfilter in der Sidebar wenig Sinn macht..

    Ich habe folgendes CSS in verschiedenen Varianten versucht (left-sidebar, direction: column usw.), leider ohne Erfolg. Ich bin für jede Idee dankbar!

    Vielen lieben Dank!

    @media (max-width: 767px) {
    .sidebar {
    display: flex !important;
    flex-direction: column-reverse !important;
    }
    }

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)
  • In dem angehefteten Beitrag wird beschrieben, welche Informationen wir benötigen, um dir bei einem Problem zu helfen. Dazu gehört der Website-Bericht, der uns mit wichtigen Eckdaten zu deiner Website versorgt. Du kannst den Website-Bericht ganz bequem per Button kopieren und hier in einer Antwort einfügen. Du findest den Button unter Werkzeuge → Website-Zustand im Tab „Bericht“. Warte bitte mit dem Klick auf den Button, bis die Zustandsanzeige abgeschlossen ist.
    Bevor du ein neues Thema/Thread erstellst

    Moderator La Geek

    (@la-geek)

    Als Ergänzung:

    Mit dem von dir geposteten Code stellst du die Elemente innerhalb der Sidebar revers. Du musst auf das Elternelement, das Content und Sidebar umfasst, referenzieren. Dies kann je nach Theme und/oder Programmierung anders lauten. Auch könnte ggf. vorhandener CSS-Code mit höherer Kaskadierung und/oder Priorität die Ausführung für das Elternelement verhindern. Und schon sind wir wieder bei dem, was @bscu schrieb 🙂

    Thread-Starter halovic19

    (@halovic19)

    Sorry, Leute. Ich hatte es gelesen, dachte aber ihr könnt mir mit den vorhanden Informationen auch schon helfen. Vielen Dank für eure Antworten!

    Ich habe das Problem inzwischen gelöst, wie vermutet, hatte ich die Sidebar einfach nicht angesprochen. Obiger Code funktioniert bei mir nun mit dem wie von Angelika gesagtem Elternelement (bei mir .row).

    Danke und sorry für die Umstände!

    Moderator La Geek

    (@la-geek)

    @halovic19
    alles gut. Danke für die Rückmeldung und das Setzen des Threads auf gelöst.

    Elternelement (bei mir .row)
    Bist du sicher, dass du die CSS-Klasse .row nur dort verwendest? Ansonsten hätte es nämlich auch an anderen Stellen Auswirkungen.

    Thread-Starter halovic19

    (@halovic19)

    Ja, richtig. Theoretisch spricht .row eigentlich sowohl die Sidebar als auch den Content an. Praktisch wirkt sich der Code dann aber nur auf die Sidebar aus. Keine Ahnung, ich nehme es aktuell gerne so mit.

    Moderator La Geek

    (@la-geek)

    Theoretisch spricht .row eigentlich sowohl die Sidebar als auch den Content an. Praktisch wirkt sich der Code dann aber nur auf die Sidebar aus.

    Nicht nur theoretisch. .row ist das Elternelement, das beide direkten Kindelemente (sidebar und content) anspricht und deren Reihenfolge dadurch umgedreht wird.

    Die CSS-Klasse .row kennzeichnet eine Reihe (row) und Reihen gibt es innerhalb eines Themes sicherlich mehrere. Daher meine Nachfrage, ob du sicher bist, dass diese CSS-Klasse nur für dieses eine Elternelement gesetzt wurde. Andernfalls werden durch solch eine CSS-Regel ggf. die Kindelemente in anderen Reihen auch reverse dargestellt. Aber das kann man von hier aus erst beurteilen, wenn man mindestens den URL zur Website hat oder besser: Man würde direkt eine „nur auf dieses eine Elternelement ausgerichtete“ CSS-Regel empfehlen.

Ansicht von 6 Antworten – 1 bis 6 (von insgesamt 6)

Das Thema „Sidebar auf mobiler Ansicht oben anheften“ ist für neue Antworten geschlossen.