it-swarm.com.de

Die richtigen Module für die mobile (responsive) Version

Ich habe ein Layout, das so aussieht: LINKS - KOMPONENTEN - RECHTS. Ich habe eine NEWS-Seite, auf der ich meine Neuigkeiten im COMPONENT-Bereich und in den Modulen (Suche, Nachrichtenarchiv usw.) auf der rechten Seite habe. Wenn ich meine Site auf Mobilgeräten öffne, werden meine RECHTEN Module unten auf der Seite und die aktuellen Nachrichten oben angezeigt. Gibt es eine Möglichkeit, die Reihenfolge der Module in der mobilen Version der Site zu ändern? In der mobilen Version werden meine RECHTEN Module an der Spitze stehen und danach meine aktuellen Neuigkeiten.

1
mrwad

Dies hängt von der spezifischen Vorlage ab, die Sie verwenden. Höchstwahrscheinlich müssen Sie jedoch CSS und HTML Ihrer Vorlage aktualisieren.
Wenn Sie über die entsprechenden Programmierkenntnisse verfügen, können Sie dies mit einem Override tun - siehe https://docs.joomla.org/J3.x:How_to_use_the_Template_Manager

Einige Vorlagen von Drittanbietern verfügen möglicherweise über Parameter, mit denen Sie das Layout ohne Programmierkenntnisse optimieren können. Dies ist jedoch nicht besonders häufig. Vorlagenparameter befinden sich auch unter dem Vorlagenmanager.

1
Richard B

Es wäre wirklich hilfreich zu wissen, welche Vorlage Sie verwenden. Der beste Weg, dies zu tun, ist meiner Meinung nach die Verwendung von FlexBox.

Sie müssten jeden Teil im Quellcode irgendwie identifizieren. z.B.

parent container class="container"
LEFT class="left" - COMPONENT class="component" - RIGHT class="right"

Dann kannst du sowas machen

custom.css

.container {
  display: flex;
}
.left {
  order: 3;
}
.component {
  order: 2;
}
.right {
  order: 1;
}

Hier ist eine nützliche Ressource zu FlexBox https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Hier ist ein funktionierender Beispielcode:

https://codepen.io/Balloony/pen/BMjeVL

0
Eoin