@orpheus55
Ich kann dir ein ziemlich abenteuerliches Konstrukt aufzeigen. solltest du aber im Nachhinein auf der Startseite noch eine weitere Reihe/Sektion mit bestimmten CSS-Klassen davor oder dazwischen einfügen, funktioniert es nicht mehr.
@media only screen and (max-width: 479px) {
#post-14823 .vc_row-full-width.vc_clearfix + .vc_row.wpb_row.vc_row-fluid + .vc_row.wpb_row.vc_row-fluid.twocolumns {
display: flex;
flex-direction: row;
}
}
Besser ist es, wenn du dem Container in dem die 2 Spalten sind, eine eigene CSS-Klasse gibst. Nimm dafür z. B.: columnwithcion
Dann ist statt des obigen Codes dieser nachfolgende Code zu nehmen (der viel stabiler ist und auch zusätzliche Reihen verträgt)
@media only screen and (max-width: 479px) {
#post-14823 .vc_row.wpb_row.vc_row-fluid.twocolumns.columnwithicon {
display: flex;
flex-direction: row;
}
}
Trag CSS-Code entweder in die style.css deines Child-Themes ein, oder im Adminbereich unter Design »» Customizer »» Zusätzliches CSS. Ccode ganz ans Ende packen
Nach dem Abspeichern musst du den Browsercache leeren, drücke dafür CTRL SHIFT Entf gleichzeitig, dadurch wird in den gängigen Browsern ein Fenster zum Löschen geöffnet (weitere Hilfe dazu).
Solltest du ein Cache-Plugin installiert haben, leere auch diesen Cache. Nun teste auf der Seite, ob du eine Änderung siehst. AUf einem Smartphone musst du natürlich den Browser-Cache anders entfernen.,
Und zum Schluss noch dieser Hinweis:
Wir helfen hier bei Anwendungsproblemen, die in Zusammenhang mit WordPress auftauchen. Deine Fragen/Probleme sind jedoch bezogen auf CSS, da geben wir hin und wieder mal einen Tipp.
Für weitere CSS-Probleme jedoch solltest du dich selbst näher mit CSS beschäfigen z. B. hier, hier oder hier.
Ich ergänze diese Links zum Erlernen von CSS noch mit einem Link zu einem Hilfe- und Austausch-Forum für (u. a.) CSS -> Forum`
