Kategorieblock und Kalender in Seitenleiste

Hallo zusammen,

auf meiner Homepage http://www.buergerliste-edermuende.de habe ich auf der Startseite einen Blockbeitrag und in der Seitenleiste einen Kalender.

Auf einem mobilen Gerät wird der Kalender immer nach den Beiträge im Kategorieblog angezeigt.

Wie kann ich den Kalender immer über (vor) den Kategorieblock Beiträgen stehen haben?

Danke für die Unterstützung.

Mit freundlichem Gruß

Mark Valentin

Zitat von Dautrich

Ich würde das völlig anders lösen: Du könntest für den Kalender einen eigenen Menüpunkt anlegen, den Du nur in der mobilen Ansicht anzeigst. Dem gibst Du im Menüeintrag im Reiter "Linktyp" unter "CSS-Klasse für Link" die Klassen "d-block d-lg-none" (oder "d-block d-md-none", wenn Du den Menüpunkt auch auf Tablets nicht haben willst).

Deinem Terminmodul in der rechten Seitenleiste gibst Du entsprechend unter "CSS-Klasse für Modul" als Klasse
"d-none d-lg-block" (bzw. d-none d-md-block") mit.

Ich denke das ist nicht meine Geschmacksrichtung, weil der Kalender auf der ersten Seite oben stehen soll.

Zitat von christine2

Hallo Mark Valentin,

Denke, eine Möglichkeit wäre, siehe:

Beitrag

RE: cassiopeia: in mobiler ansicht Sidebar-left über Content anzeigen

@christine2 , vielleicht hast du es mit dem Modul auf Position «sidebar-right» versucht.

Um das Modul «sidebar-right» vor dem Beitrag zu haben, solltest du folgender code versuchen:

(Quelltext, 13 Zeilen)

side-l mit side-r ausgetauscht.

Stef

2. November 2023 um 20:16

Liebe Grüße

Christine

Ich haben den Code:

@media (max-width: 750px) {
    .site-grid {
        grid-template-areas:
            ". banner banner banner banner .";
            ". top-a  top-a  top-a  top-a  .";
            ". top-b  top-b  top-b  top-b  .";
            ". side-r side-r side-r side-r .";
            ". comp   comp   comp   comp   .";
            ". side-l side-l side-l side-l .";
            ". bot-a  bot-a  bot-a  bot-a  .";
            ". bot-b  bot-b  bot-b  bot-b  .";
    }
}

in die User.css am Anfang kopiert.

Ich nutze die "Grid-Template-Areas" Funktion zum ersten mal. Leider kann ich den Unterschied nicht erkennen, da der Kalender immer noch nach dem Kategorieblock verschoben wird (nach unten) und nicht nach oben.

Was mache ich falsch?

Ich hatte beides getestet, mit und ohne Semikolon, aber der Kalender wird auf schmalen Bildschirmen nach unten geschoben.

OK ich hatte "@media (max-width: 991px)" durch "@media (max-width: 750px)" ersetzt.

Ich dachte das wäre die max. breite des Kalender. 991 geht mit 750 geht es nicht.

Auf SmartPhone ist der Kalender oben, aber auf Desktop geht der Kalender weiterhin nach unten, bei 750px.

Ich Merke gerade wenn ich ganz schmales Browserfenster habe dann ist der Kalender wieder oben. Also alles OK