Site-Module in der mobilen Ansicht umpositionieren

Im Cassiopeia lässt sich das, so glaube ich, nicht so einfach umschalten. Vielleicht kannst du aber die linke Sidebar nutzen. Diese wird auf kleinen Bildschirmen sehr wahrscheinlich oberhalb des Inhalts angezeigt. Alternativ einfach eine andere horizontale Modulposition für die Nachrichten wählen!

Mit diesem Code in deiner user.css sollte es klappen:

@media (max-width: 991px) {
    .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  ."
    }
}

Zitat von JoomlaWunder

Im Cassiopeia lässt sich das, so glaube ich, nicht so einfach umschalten.

Cassiopeia ist da zu unflexibel.

Zum Beispiel könnte man es mit dem Astroid-Framework sehr einfach umsetzen:

Astroid-Framework

Zitat von Elwood

Cassiopeia ist da zu unflexibel.

Aber #4 funktioniert doch !

Und dass deine "Seitennavigation" auf Mobile vollständig angezeigt wird, noch diesen Code in deiner user.css einfügen.

@media (max-width: 991px) {
.pagination {
  margin-bottom: 0;
  flex-wrap: wrap;
}

.counter.float-end.pt-3.pe-2 {
  display: none;
}
}

Zitat von Snoopsche

Super, das hat gut funktioniert. Jetzt muss ich das noch ein bisschen besser designen. Danke!!!

Ich sehe keine Änderung, wo hast du es eingefügt ?

Jetzt sehe ich die Anpassungen !

Kannst bitte noch auf erledigt stellen. Danke.

Und eine kleine Erklärung zum Code in #4 findet man dort:

Hamburger Menu verschieben