Responsive Spaltenset in Contao [subcolumns]

Mithilfe der Spaltenset-Erweiterung [subcolumns] können in Contao Inhalte in mehreren Spalten angeordnet werden. Die Formatierung erfolgt hierbei per YAML-CSS-Framework, wobei standardmäßig keine Unterstützung für responsive Webdesign integriert ist.

Glücklicherweise ist YAML4 jedoch für responsive Layouts vorbereitet und man kann mit wenigen CSS-Mediaqueries, das Spaltenset auflösen.

1. Mediaqueries ergänzen

2. CSS-Klasse linearize-level-1 in ce_colsetStart-Template integrieren

Contao responsive subcolumns

3. YAML4 in den Contao-Einstellungen aktivieren

subcolumns_yaml_4_default

 

Download CSS/Template: contao_subcolumns_responsive

Alternativ hierzu kann auch die Twitter Bootstrap für Subcolumns Erweiterung verwendet werden.

Vielen Dank an karo aus dem Contao-Forum, für den Tipp und CSS-Snippet.

Schreibe einen Kommentar.